@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_9c6cb61b-module__8NX9hq__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_9c6cb61b-module__8NX9hq__variable{--font-geist:"Geist", "Geist Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_2ebaa799-module__im0rWa__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_2ebaa799-module__im0rWa__variable{--font-display:"Space Grotesk", "Space Grotesk Fallback"}
:root{--bg:#070d18;--bg2:#0a1326;--panel:#0d172a;--panel2:#101e38;--panel3:#142544;--line:#1e2d4a;--line-strong:#2a4066;--text:#f1f5f9;--muted:#94a3b8;--accent:#22d3ee;--accent-2:#06b6d4;--gold:#ffcf5c;--good:#34d399;--bad:#f87171;--warn:#fbbf24;--brand-gradient:linear-gradient(90deg,#0d9488 0%,#2563eb 28%,#7c3aed 58%,#c026d3 82%,#e11d48 100%);--sidebar:232px;--radius:18px;--radius-sm:12px;--shadow:0 14px 34px #030a1473;--shadow-lg:0 30px 80px #030a14a6;--z-sidebar:30;--z-overlay:25;--z-topbar:20;--z-modal:100;--z-toast:150;--z-grain:200;--z-skip:300}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-geist),Segoe UI,Arial,sans-serif;font-variant-numeric:tabular-nums;color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 90% -10%,#2563eb26,#0000 40%),radial-gradient(circle at 10% 30%,#0d94881f,#0000 35%),linear-gradient(140deg,#060b14,#081020 50%,#0a1324);margin:0;font-size:14px}body:after{content:"";z-index:var(--z-grain);pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{text-wrap:balance}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hidden{display:none!important}.display{font-family:var(--font-display)}.inline-icon{vertical-align:-3px;flex:none}.kpi-icon{vertical-align:-2px;color:var(--accent);margin-right:6px}.achievement-big{height:44px;color:var(--accent);place-items:center;margin-bottom:10px;display:grid}.achievement-owner{color:var(--accent);margin-top:5px;font-size:11px}.achievement-desc{font-size:11px;line-height:1.5}.level-label{color:#9cb0c8;font-size:11px}.medal{margin:0 auto 2px;display:block}.skip-link{z-index:var(--z-skip);background:var(--accent);color:#061018;border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;font-weight:700;transition:top .2s;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.app{min-height:100dvh;display:flex}.sidebar{width:var(--sidebar);border-right:1px solid var(--line);z-index:var(--z-sidebar);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080f1e;padding:22px 14px;position:fixed;inset:0 auto 0 0}.logo{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;padding:5px 12px 24px;font-size:22px;font-weight:800;line-height:.9}.logo span{color:var(--accent)}.logo b{color:var(--gold)}.logo-icon{vertical-align:-1px;margin-left:2px;font-size:18px;display:inline-grid}.tag{letter-spacing:1.5px;color:#94a3b8;text-transform:uppercase;margin-top:9px;font-size:8px;font-weight:600}.nav{gap:7px;margin-top:10px;display:grid}.nav a{color:#94a3b8;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:11px 16px;font-size:13px;font-weight:500;transition:background .18s,border-color .18s,color .18s,transform .18s;display:flex}.nav a:hover{color:#fff;background:#ffffff12}.nav a.active{background:var(--brand-gradient);color:#fff;border-color:#0000;border-radius:9999px;font-weight:700;box-shadow:0 4px 20px #7c3aed73}.nav-icon{place-items:center;width:20px;display:inline-grid}.profile{border:1px solid var(--line);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);background:#0d172a;padding:16px;position:absolute;bottom:18px;left:14px;right:14px}.avatar{background:linear-gradient(145deg,#2aa79a,#1f8f86);border:4px solid #0d172a;border-radius:50%;place-items:center;width:58px;height:58px;margin:-42px auto 8px;font-size:28px;display:grid}.profile small{color:var(--muted)}.levelbar{background:#1a2b4a;border-radius:20px;height:8px;margin:10px 0 6px;overflow:hidden}.levelbar i{background:var(--brand-gradient);border-radius:20px;width:69%;height:100%;display:block}.main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));padding:16px 20px 32px}.page{max-width:1360px;margin:0 auto;animation:.18s fade}@keyframes fade{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}.topbar{border-radius:var(--radius);background:var(--brand-gradient);min-height:76px;z-index:var(--z-topbar);border:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 22px;display:flex;position:sticky;top:12px;box-shadow:0 12px 36px #00000059}.top-left{align-items:center;gap:12px;display:flex}.menu-btn{color:#fff;background:#11172f60;border:1px solid #ffffff25;border-radius:12px;width:40px;height:40px;transition:background .18s,transform .12s;display:none}.menu-btn:hover{background:#11172f90}.greeting h1{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;text-shadow:0 2px 8px #00000040;margin:0 0 3px;font-size:22px;font-weight:700}.greeting p{color:#cbebf6;margin:0;font-size:12px;font-weight:500}.top-actions{align-items:center;gap:9px;display:flex}.pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#091122a6;border:1px solid #ffffff38;border-radius:9999px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:600;transition:all .18s;display:inline-flex}.pill.button:hover,.demo-pill:hover{background:#091122d9;border-color:#ffffff59;transform:translateY(-1px)}.period-select{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#091122a6;border:1px solid #ffffff38;border-radius:9999px;outline:none;padding:8px 16px;font-size:11px;font-weight:600;transition:all .18s}.period-select:hover{background:#091122d9;border-color:#ffffff59}.period-select option{color:#fff;background:#0d172a}.demo-pill{color:#fff}.level-pill{color:#22d3ee;border-color:#22d3ee59}.level-pill .gem-icon{color:#22d3ee}.level-pill .level-title{color:#fff;opacity:.9;font-weight:400}.page-title{justify-content:space-between;align-items:center;gap:12px;margin:18px 2px 8px;display:flex}.page-title h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.page-title p{color:var(--muted);margin:4px 0 0;font-size:12px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#0d172a;box-shadow:0 10px 30px #00000059}.panel{padding:20px}.panel h2,.panel h3{font-family:var(--font-display);letter-spacing:-.005em;margin:0;font-size:16px;font-weight:700}.sub{color:var(--muted);font-size:12px}.grid6{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;display:grid}.grid4{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}.grid2,.grid-feature{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px;display:grid}.grid-feature>:first-child{grid-column:1/-1}.kpi{min-height:108px;padding:16px;position:relative;overflow:hidden}.kpi:after{content:"";background:#22d3ee0f;border-radius:50%;width:76px;height:76px;position:absolute;top:-35px;right:-25px}.kpi .label{color:#94a3b8;letter-spacing:.4px;align-items:center;font-size:11px;display:flex}.kpi .value{font-family:var(--font-display);letter-spacing:-.02em;margin:8px 0 2px;font-size:26px;font-weight:700}.delta{color:var(--good);font-size:11px}.danger{color:var(--bad);font-size:11px}.warning{color:var(--warn);font-size:11px}.content{grid-template-columns:2.1fr 1fr;gap:14px;margin-top:14px;display:grid}.toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--line);color:#e2e8f0;background:#0f192e;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:9px 15px;font-size:12px;font-weight:500;transition:all .18s;display:inline-flex}.btn:hover{background:#152442;border-color:#2a4066;transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn.primary{color:#fff;background:linear-gradient(90deg,#0d9488 0%,#2563eb 50%,#7c3aed 100%);border-color:#0000;border-radius:12px;font-weight:700;box-shadow:0 4px 16px #2563eb59}.btn.primary:hover{box-shadow:0 6px 20px #2563eb80}.btn.purple{color:#fff;background:var(--brand-gradient);border-color:#0000}.btn.danger{color:#ffdfe3;background:#351823;border-color:#743949}.input{width:100%;color:var(--text);background:#091122;border:1px solid #1e2e4f;border-radius:14px;outline:none;padding:10px 14px;transition:border-color .18s,box-shadow .18s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee26}.input:focus-visible{outline:none}.input.invalid{border-color:#f87171}.form-error{color:var(--bad);margin-top:4px;font-size:11px}.input-group{gap:6px;display:grid}.input-group label{color:#94a3b8;font-size:11px;font-weight:700}.badge-status{border:1px solid #0000;border-radius:9999px;align-items:center;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.status-good,.status-info{color:#34d399;background:#10b98129;border-color:#10b98159}.status-warn{color:#fbbf24;background:#f59e0b29;border-color:#f59e0b59}.status-bad{color:#f87171;background:#f43f5e29;border-color:#f43f5e59}.divider{background:var(--line);height:1px;margin:13px 0}.chart-wrap{height:270px;margin-top:10px;position:relative}.chart-wrap svg{width:100%;height:100%}svg.lucide,svg[width]{flex-shrink:0}.axis{fill:#7489a4;font-size:10px}.gridline{stroke:var(--line);stroke-width:1px}.chartline{fill:none;stroke-width:3px}.dot{stroke:#0d1c2f;stroke-width:3px;cursor:pointer;transition:r .15s}.dot:hover{r:6}.legend{color:#b8c8da;flex-wrap:wrap;justify-content:flex-end;gap:16px;font-size:11px;display:flex}.legend span:before{content:"";vertical-align:middle;border-radius:5px;width:18px;height:3px;margin-right:5px;display:inline-block}.l1:before{background:var(--gold)}.l2:before{background:var(--accent)}.l3:before{background:var(--accent-2)}.chart-tooltip{z-index:4;pointer-events:none;border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);background:#071426f5;border-radius:9999px;padding:8px 10px;font-size:11px;position:absolute;transform:translate(-50%,-110%)}.summary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mini{border-radius:var(--radius-sm);border:1px solid var(--line);background:#101e38;padding:12px}.mini small{color:#8ea4bd;font-size:11px}.mini strong{font-family:var(--font-display);margin-top:3px;font-size:18px;font-weight:700;display:block}.leaderboard .podium{grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:10px;margin:14px 0;display:grid}.person{text-align:center;border:1px solid var(--line);background:#101e38;border-radius:14px;padding:12px 6px}.person.first{background:linear-gradient(160deg,#0d948840,#101e38);border-color:#22d3ee66;padding-top:20px;box-shadow:0 10px 30px #0d948833}.medal{margin-bottom:4px;font-size:26px;line-height:1}.person .face{margin:4px;font-size:35px}.person b{font-size:12px;display:block}.xp{color:var(--accent);margin-top:3px;font-size:11px}.rankrow{border-top:1px solid var(--line);grid-template-columns:24px 1fr auto;align-items:center;gap:7px;padding:10px 4px;font-size:12px;display:grid}.usercell{align-items:center;gap:8px;display:flex}.miniavatar{background:#1e3558;border-radius:10px;flex:none;place-items:center;width:28px;height:28px;font-size:16px;line-height:1;display:inline-grid}.missions{grid-template-columns:1.1fr 1fr;gap:14px;margin-top:14px;display:grid}.mission{border:1px solid var(--line);background:#101e38;border-radius:12px;margin-top:8px;padding:13px}.mission:first-child{margin-top:12px}.mission-head{justify-content:space-between;gap:8px;font-size:12px;display:flex}.mission small{color:#879bb3;margin:4px 0 8px;display:block}.progress{background:#1e3558;border-radius:10px;height:7px;overflow:hidden}.progress i{background:var(--brand-gradient);border-radius:10px;height:100%;display:block}.mission .reward{float:right;color:var(--gold);border:1px solid #3b5874;border-radius:8px;margin-top:7px;padding:5px 8px;font-size:11px}.levelpanel{justify-content:center;align-items:center;gap:20px;min-height:235px;display:flex}.shield{background:var(--brand-gradient);border-radius:30px;place-items:center;width:105px;height:105px;display:grid;transform:rotate(45deg);box-shadow:0 0 34px #7c3aed59}.shield>*{font-size:48px;transform:rotate(-45deg)}.levelcopy h3{font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;margin:4px 0;font-size:30px}.levelcopy p{color:#91a5bf;font-size:12px}.levels{justify-content:space-between;gap:10px;margin-top:18px;display:flex}.lvl{text-align:center;color:#91a5bf;flex:1;font-size:10px}.level-badge{background:#1a2b4a;border:2px solid #3a5078;border-radius:12px;place-items:center;width:36px;height:36px;margin:auto auto 5px;display:grid}.lvl.on .level-badge{background:var(--brand-gradient);border-color:#22d3ee99}.lvl.on{color:#fff}.achievements{margin-top:14px}.achievement{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:11px 0;display:grid}.achievement:first-of-type{border-top:0}.achievement .icon{background:#1a2b4a;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.achievement b{font-size:12px}.achievement small{color:#8297b0;margin-top:2px;font-size:11px;display:block}.time{color:#6f859f;font-size:10px}.table-wrap{border:1px solid #1e2e4f;border-radius:14px;width:100%;overflow:auto}table{border-collapse:collapse;background:#0c1527;width:100%;min-width:760px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #18263e;padding:13px 16px;font-size:12px}th{color:#8fa6c2;letter-spacing:.5px;text-transform:uppercase;background:#091122;border-bottom:1px solid #1e2e4f;font-size:10px;font-weight:700}tbody tr:hover{background:#ffffff08}tbody tr:last-child td{border-bottom:0}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:#fff}.streak-wrap{align-items:center;gap:3px;display:inline-flex}.fire-icon{font-size:13px}.streak-num{color:#f97316;margin-left:4px;font-weight:700}.empty-state{text-align:center;color:var(--muted);padding:36px 20px}.empty-state .empty-icon{margin-bottom:10px;font-size:34px;display:block}.empty-state b{color:var(--text);margin-bottom:4px;font-size:13px;display:block}.skeleton{gap:14px;margin-top:16px;display:grid}.skeleton .bar{background:linear-gradient(90deg,#12263d,#19334f,#12263d) 0 0/200% 100%;border-radius:8px;height:14px;animation:1.4s infinite shimmer}.skeleton .row{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg,#0f1f33,#162a44,#0f1f33) 0 0/200% 100%;height:96px;animation:1.4s infinite shimmer}.skeleton .bars{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.skeleton .bars .row{margin:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.metric-block{border:1px solid var(--line);background:#122a42;border-radius:14px;padding:16px}.metric-block h3{font-size:12px}.metric-big{font-family:var(--font-display);letter-spacing:-.02em;margin:8px 0 5px;font-size:30px;font-weight:700}.spark{align-items:flex-end;gap:4px;height:45px;margin-top:12px;display:flex}.spark i{background:linear-gradient(var(--accent),var(--accent-2));opacity:.85;border-radius:3px 3px 0 0;flex:1;min-width:4px}.reward-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.reward-grid>:first-child{grid-column:1/-1}.reward-card{padding:18px;position:relative;overflow:hidden}.reward-card .reward-icon{margin-bottom:10px;font-size:35px}.reward-card h3{margin:0 0 5px;font-size:14px}.reward-card p{color:var(--muted);min-height:34px;font-size:12px;line-height:1.5}.reward-cost{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.stock{position:absolute;top:12px;right:12px}.timeline{padding-left:20px;position:relative}.timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:7px;bottom:7px;left:7px}.timeline-item{padding:0 0 17px 16px;position:relative}.timeline-dot{background:var(--accent);border:3px solid #0e1d31;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:-19px}.timeline-item h4{margin:0 0 3px;font-size:12px}.timeline-item p{color:var(--muted);margin:0;font-size:11px}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.setting-row:first-child{border-top:0}.setting-row b{font-size:12px}.setting-row small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.switch{background:#263c56;border:1px solid #36526e;border-radius:20px;width:44px;height:24px;padding:3px;transition:background .2s,transform .12s}.switch:active{transform:scale(.92)}.switch i{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block}.switch.on{background:linear-gradient(90deg,var(--accent-2),var(--accent))}.switch.on i{transform:translate(18px)}.modal-backdrop{z-index:var(--z-modal);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020914cc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line-strong);width:min(560px,100%);max-height:88vh;box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#11253d,#0d1e32);border-radius:18px;overflow:auto}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-head h3{margin:0;font-size:15px}.modal-body{padding:16px}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 16px;display:flex}.notification-list{gap:8px;display:grid}.notification-item{border:1px solid var(--line);background:#10243a;border-radius:11px;grid-template-columns:36px 1fr auto;align-items:start;gap:9px;padding:11px;display:grid}.notification-item.unread{background:#0f2c36;border-color:#3ee0cf66}.notification-icon{background:#183a53;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.notification-item b{font-size:11px}.notification-item p{color:var(--muted);margin:4px 0 0;font-size:11px}.toast{z-index:var(--z-toast);color:#eaffff;min-width:240px;max-width:360px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;background:#102a3b;border:1px solid #3ee0cf66;border-radius:12px;padding:12px 14px;font-size:12px;transition:transform .25s,opacity .25s;position:fixed;bottom:20px;right:20px;transform:translateY(20px)}.toast.show{opacity:1;transform:none}.footer{text-align:center;color:#657b95;margin:18px;font-size:11px}.footer a{color:#8aa0ba;text-decoration:underline}.footer a:hover{color:var(--accent)}.mobile-overlay{display:none}.notfound{text-align:center;place-items:center;min-height:calc(100dvh - 180px);padding:40px 20px;display:grid}.notfound .big{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:72px;font-weight:700;line-height:1}@media (max-width:1180px){.grid6{grid-template-columns:repeat(3,1fr)}.grid4,.grid3,.grid-feature,.reward-grid{grid-template-columns:repeat(2,1fr)}.content,.missions{grid-template-columns:1fr}}@media (max-width:860px){:root{--sidebar:210px}.settings-grid{grid-template-columns:1fr}}@media (max-width:760px){.sidebar{width:min(280px,82vw);transition:transform .22s;transform:translate(-102%);box-shadow:20px 0 50px #0007}.sidebar.open{transform:none}.mobile-overlay{z-index:var(--z-overlay);opacity:0;pointer-events:none;background:#020914a8;transition:opacity .22s;display:block;position:fixed;inset:0}.mobile-overlay.show{opacity:1;pointer-events:auto}.profile{position:absolute}.main{width:100%;margin:0;padding:10px}.menu-btn{place-items:center;display:grid}.topbar{align-items:center;min-height:auto;padding:12px;top:8px}.greeting p{display:none}.greeting h1{margin:0;font-size:16px}.top-actions .level-pill{display:none}.pill{padding:8px}.period-select{max-width:120px;padding:8px;font-size:10px}.grid6{grid-template-columns:repeat(2,1fr)}.grid4,.grid3,.grid2,.grid-feature,.reward-grid{grid-template-columns:1fr}.summary{grid-template-columns:repeat(2,1fr)}.levelpanel{text-align:center;flex-direction:column;padding:25px 0 10px}.levelcopy .progress{margin:auto}.levels{padding-bottom:6px;overflow:auto}.lvl{min-width:68px}.toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{width:100%}.toolbar-actions .btn{flex:1}.legend{justify-content:flex-start;margin-top:7px}.chart-wrap{height:230px}}@media (max-width:440px){.grid6{grid-template-columns:1fr 1fr}.kpi{min-height:96px;padding:13px}.kpi .value{font-size:22px}.summary{grid-template-columns:1fr}.top-actions .period-select{display:none}.notfound .big{font-size:56px}}