:root{--shell-max-width:1680px;--shell-gutter:18px;--shell-top-offset:10px;--page-gap:16px;--page-hero-radius:20px;--page-hero-padding:18px;--page-section-radius:20px;--page-section-padding:16px;--page-card-radius:16px;--page-card-padding:14px;--bg:#070d18;--shell:#0a1322;--panel:#0f1b2d;--panel-2:#14233a;--panel-3:#0c1728;--line:#203556;--line-soft:#172945;--text:#e9f2ff;--muted:#8fa7c8;--teal:#17d2c4;--teal-deep:#0ea79b;--red:#e33e57;--red-deep:#bb2840;--gold:#ffcf69;--chip:#13243d;--ok:#7de3b0;--warn:#ffb66d;--shadow:0 18px 40px #00000057;--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--radius-sm:10px}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);min-width:1360px;margin:0;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif}body:before{content:"";pointer-events:none;opacity:.45;background-image:linear-gradient(#17d2c408 1px,#0000 1px),linear-gradient(90deg,#17d2c408 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app{z-index:1;width:min(var(--shell-max-width), 100vw - var(--shell-gutter) * 2);padding:var(--shell-top-offset) 0 var(--shell-gutter);margin:0 auto;position:relative}.topbar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);grid-template-columns:260px minmax(280px,1fr) 230px 170px 56px 56px;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;display:grid}.logo{align-items:center;gap:14px;display:flex}.logo-mark{background:#122845;border:1px solid #29507d;border-radius:16px;width:54px;height:54px;position:relative;overflow:hidden}.logo-mark:before,.logo-mark:after{content:"";border:2px solid var(--teal);border-radius:12px;position:absolute;inset:10px}.logo-mark:after{border-color:var(--red);inset:18px}.logo h1{letter-spacing:.02em;margin:0;font-size:26px;line-height:1}.logo p{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;margin:5px 0 0;font-size:12px}.search,.balance,.account,.icon-btn{background:var(--panel-2);border:1px solid var(--line);border-radius:16px;min-height:56px}.search{color:var(--muted);align-items:center;padding:0 18px;font-size:15px;display:flex}.search:before{content:"";border:2px solid var(--muted);border-radius:50%;width:16px;height:16px;margin-right:12px;display:inline-block;position:relative}.search:after{content:"";background:var(--muted);border-radius:2px;width:8px;height:2px;margin-top:14px;margin-left:-15px;transform:rotate(45deg)}.balance,.account{flex-direction:column;justify-content:center;padding:0 16px;display:flex}.label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:4px;font-size:11px}.value{color:var(--gold);font-size:22px;font-weight:800}.account .value{color:var(--text);font-size:18px}.icon-btn{place-items:center;display:grid;position:relative}.icon-btn:before{content:"";border:2px solid var(--teal);border-radius:6px;width:20px;height:20px}.icon-btn.notice:after{content:attr(data-badge);background:var(--red);color:#fff;border-radius:999px;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:grid;position:absolute;top:8px;right:8px}.layout{grid-template-columns:264px minmax(0,1fr) 316px;align-items:start;gap:18px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.sidebar,.content,.assist{padding:16px}.menu-group+.menu-group{border-top:1px solid var(--line-soft);margin-top:18px;padding-top:18px}.menu-title{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;margin:0 0 12px;font-size:12px}.menu-btn{border:1px solid var(--line-soft);background:var(--panel-2);min-height:50px;color:var(--text);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 14px;font-size:15px;font-weight:700;display:flex}.menu-btn.active{background:#162b46;border-color:#2a4e7f;box-shadow:inset 0 0 0 1px #17d2c42e}.menu-btn .count{min-width:28px;height:28px;color:var(--teal);background:#0c2035;border:1px solid #24456d;border-radius:999px;place-items:center;font-size:12px;font-weight:800;display:grid}.hero-banner{border-radius:var(--page-hero-radius);min-height:170px;padding:var(--page-hero-padding);border:1px solid var(--line);background:#112742;justify-content:space-between;gap:20px;margin-bottom:16px;display:flex}.hero-banner.alt-red{background:#3a1822}.hero-banner.alt-teal{background:#102c30}.hero-copy h2{margin:8px 0;font-size:30px;line-height:1.06}.hero-copy p{color:#b7c7db;max-width:520px;margin:0;font-size:14px;line-height:1.45}.hero-badges,.chips,.tool-row,.action-row,.tag-row{flex-wrap:wrap;gap:10px;display:flex}.badge,.chip,.soft-pill{background:var(--chip);border:1px solid var(--line-soft);min-height:38px;color:var(--muted);border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.chip.active,.soft-pill.active,.badge.hot{color:var(--text);background:#16324a;border-color:#285887}.badge.alert{color:#ffd5db;background:#e33e572e;border-color:#8b3142}.badge.gold{color:var(--gold);background:#ffcf692e;border-color:#916c28}.notice{background:var(--panel-2);border:1px solid var(--line);border-radius:15px;align-items:center;gap:14px;min-height:54px;margin-bottom:16px;padding:0 16px;display:flex;overflow:hidden}.notice-icon{background:#16324a;border:1px solid #29507c;border-radius:10px;flex:none;width:34px;height:34px;position:relative}.notice-icon:before{content:"";border-left:10px solid var(--teal);border-top:6px solid #0000;border-bottom:6px solid #0000;position:absolute;inset:8px 11px 8px 9px}.notice-track{white-space:nowrap;color:var(--text);min-width:140%;font-size:14px;animation:18s linear infinite ticker;display:inline-block}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-45%)}}.section+.section{margin-top:18px}.section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.section-head h3{letter-spacing:.02em;margin:0;font-size:22px}.section-head p{color:var(--muted);margin:6px 0 0;font-size:13px}.link-btn,.primary-btn,.secondary-btn,.danger-btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.link-btn,.secondary-btn{color:#dff8ff;background:#14334c;border-color:#285782}.primary-btn{background:var(--red);color:#fff;border-color:#ef657d}.danger-btn{color:#fff;background:#682135;border-color:#9e3952}.card-grid.cols-2,.summary-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.card-grid.cols-3,.summary-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.card-grid.cols-4,.summary-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.card-grid.cols-5,.summary-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.card-grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.feature-card,.info-card,.data-card,.task-card,.record-card,.assist-card,.form-card{border-radius:var(--page-card-radius);padding:var(--page-card-padding);background:linear-gradient(#14233afa,#0d1828fa);border:1px solid #1f2f4afa;box-shadow:inset 0 1px #ffffff08,0 12px 26px #0000002e}.feature-card h4,.info-card h4,.data-card h4,.task-card h4,.record-card h4,.assist-card h4{margin:0 0 6px;font-size:17px}.feature-card p,.info-card p,.data-card p,.task-card p,.record-card p,.assist-card p,.fine-print{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.metric{color:var(--gold);margin:10px 0 4px;font-size:28px;font-weight:800}.metric.ok{color:var(--ok)}.metric.warn{color:var(--warn)}.metric.teal{color:var(--teal)}.metric.red{color:#ff8ea3}.thumb{border:1px solid #ffffff0a;border-radius:12px;height:132px;margin-bottom:10px;position:relative;overflow:hidden}.thumb.a{background:#1f3556}.thumb.b{background:#3f2238}.thumb.c{background:#173d3e}.thumb.d{background:#3a2d1d}.thumb.e{background:#263057}.thumb.f{background:#3a1830}.thumb:before{content:"";border:2px solid #ffffff1a;border-radius:18px;position:absolute;inset:16px}.thumb:after{content:attr(data-badge);background:var(--red);color:#fff;letter-spacing:.08em;border-radius:999px;place-items:center;height:24px;padding:0 8px;font-size:11px;font-weight:800;display:inline-grid;position:absolute;top:10px;left:10px}.table-wrap{background:linear-gradient(#132136fa,#0c1727fa);border:1px solid #1f2f4afa;border-radius:16px;overflow:hidden;box-shadow:inset 0 1px #ffffff05,0 12px 26px #00000029}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line-soft);padding:12px 14px;font-size:13px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;background:#112238;font-size:12px}tr:last-child td{border-bottom:none}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:8px;display:grid}.field.full{grid-column:1/-1}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.input,.select,.textarea{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);background:#102037;border-radius:12px;padding:12px 14px;box-shadow:inset 0 1px #ffffff08}.textarea{resize:vertical;min-height:118px}.input:focus,.select:focus,.textarea:focus{border-color:#2b5b90;outline:none;box-shadow:inset 0 1px #ffffff08,0 0 0 3px #17d2c414}.auth-field-input{border:1px solid var(--line);background:#102037;border-radius:12px;align-items:center;width:100%;min-height:48px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.auth-field-input:focus-within{border-color:#d89d2f;box-shadow:inset 0 1px #ffffff08,0 0 0 3px #d89d2f1f}.auth-field-input .input,.home-auth-card__field .auth-field-input input{min-height:46px;box-shadow:none;background:0 0;border:0;border-radius:0}.auth-field-input .input:focus,.home-auth-card__field .auth-field-input input:focus{box-shadow:none}.auth-field-prefix{color:#f4f7fb;white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:8px;min-width:56px;padding-left:14px;font-size:14px;font-weight:700;display:inline-flex}.auth-field-prefix--phone{min-width:82px}.auth-field-prefix__flag{object-fit:cover;border-radius:999px;width:24px;height:24px}.auth-field-prefix--lock:before{content:"";background:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='10' width='14' height='10' rx='2' stroke='%23F4F7FB' stroke-width='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3' stroke='%23F4F7FB' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:17px;height:17px}.auth-field-prefix--invite:before{content:"";background:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4 12.3 4.9 9.8a2.2 2.2 0 0 1 3.1-3.1l2.1 2.1' stroke='%23F4F7FB' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m16.6 12.3 2.5-2.5A2.2 2.2 0 0 0 16 6.7l-2.1 2.1' stroke='%23F4F7FB' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m8.2 11.5 2.1-2.1a2.4 2.4 0 0 1 3.4 0l2.1 2.1-4.1 4.1a1.7 1.7 0 0 1-2.4 0l-1.1-1.1a2.1 2.1 0 0 1 0-3Z' stroke='%23F0B95E' stroke-width='1.9' stroke-linejoin='round'/%3E%3Cpath d='m9.1 15.2-1.5 1.5a1.7 1.7 0 0 1-2.4 0L3.8 15.3' stroke='%23F4F7FB' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='m14.9 15.2 1.5 1.5a1.7 1.7 0 0 0 2.4 0l1.4-1.4' stroke='%23F4F7FB' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:21px;height:21px}.progress{background:#0b192b;border:1px solid #203556;border-radius:999px;height:12px;overflow:hidden}.progress>span{background:var(--teal);height:100%;display:block}.check-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.check-day{border:1px solid var(--line-soft);background:var(--panel-2);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:116px;padding:12px;display:flex}.wheel-board{border:1px solid var(--line-soft);background:#112238;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:10px;min-height:360px;padding:14px;display:grid}.wheel-slot{min-height:72px;color:var(--gold);background:#17324d;border:1px solid #2a4f7d;border-radius:14px;place-items:center;font-weight:800;display:grid}.wheel-slot.hot{color:#ffd7df;background:#4a1f2e;border-color:#93384c}.qr-box{background:linear-gradient(90deg,#0f1b2d 50%,#0000 50%) 0 0/24px 24px,linear-gradient(#0f1b2d 50%,#0000 50%) 0 0/24px 24px,#dfeeff;border:1px solid #2d5c8d;border-radius:16px;width:156px;height:156px}.assist{position:sticky;top:96px}.assist-card{margin-bottom:14px}.mini-list{gap:10px;margin-top:14px;display:grid}.mini-item{background:var(--panel-3);border:1px solid var(--line-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:10px 12px;display:flex}.mini-item strong{margin-bottom:3px;font-size:13px;display:block}.mini-item span{color:var(--muted);font-size:12px}.dot{background:var(--teal);border-radius:999px;flex:none;width:11px;height:11px;box-shadow:0 0 0 4px #17d2c41f}.socials{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.social{color:#dff8ff;text-transform:uppercase;letter-spacing:.12em;background:#13243d;border:1px solid #264769;border-radius:14px;place-items:center;min-height:54px;font-size:12px;font-weight:800;display:grid}.portal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.portal-link{background:linear-gradient(#14233afa,#0d1828fa);border:1px solid #1f2f4afa;border-radius:16px;min-height:118px;padding:14px;box-shadow:inset 0 1px #ffffff08,0 12px 26px #00000029}.portal-link strong{margin-bottom:8px;font-size:15px;display:block}.portal-link span{color:var(--muted);font-size:13px;line-height:1.45;display:block}.section{position:relative;overflow:hidden}.section:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#ffcf690a,#0000 30%),linear-gradient(135deg,#0a172738,#0000 72%);position:absolute;inset:0}.section>*{z-index:1;position:relative}