:root{--accent:#fb7185;--accent2:#facc15;--bg:#090a10;--panel:#12141d;--panel2:#181b27;--text:#fffaf4;--muted:#9da3b4;--line:#2a2e3b;--danger:#fb7185;--ok:#4ade80;--shadow:0 18px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),linear-gradient(180deg,#080910,#0d0f17 65%,#080910);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:100vh;overflow-x:hidden}
body.light{--bg:#f7f7fb;--panel:#fff;--panel2:#f1f3f8;--text:#171923;--muted:#596174;--line:#d7dbe5;background:linear-gradient(180deg,#fff,#f1f3f8)}
::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-track{background:#090a10}::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent),var(--accent2));border-radius:999px;border:3px solid #090a10}*{scrollbar-width:thin;scrollbar-color:var(--accent) #090a10}
button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.ticker{position:sticky;top:0;z-index:50;overflow:hidden;background:#06070b;border-bottom:1px solid var(--line);white-space:nowrap}.ticker-track{display:inline-flex;gap:32px;padding:10px 0;animation:marquee 25s linear infinite;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.ticker-track span:nth-child(3n+1){color:var(--accent)}.ticker-track span:nth-child(3n+2){color:var(--accent2)}.ticker-track span:nth-child(3n){color:#fff6}@keyframes marquee{to{transform:translateX(-50%)}}
.shell{width:min(1500px,calc(100% - 28px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 4px}.brand{display:flex;align-items:center;gap:13px}.logo{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--accent);border-radius:14px;background:#05060a;color:var(--accent2);font-weight:1000;box-shadow:5px 5px 0 var(--accent)}.brand h1{font-size:clamp(1rem,2vw,1.45rem);margin:0}.brand small{color:var(--muted)}.actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.btn{border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--text);padding:11px 15px;font-weight:800;cursor:pointer;box-shadow:0 4px 0 #0004;transition:.18s transform,.18s border-color}.btn:hover{transform:translateY(-2px);border-color:var(--accent)}.btn.primary{background:var(--accent);color:#080910;border-color:#000;font-weight:1000}.btn.secondary{background:var(--accent2);color:#080910}.btn.danger{background:var(--danger);color:#13070b}.btn.small{padding:7px 10px;font-size:.8rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),var(--panel));padding:clamp(24px,5vw,65px);min-height:360px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:28px;box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero>*{position:relative}.eyebrow{display:inline-flex;border:1px solid var(--accent);border-radius:999px;padding:7px 13px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.hero h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(3rem,8vw,7.5rem);line-height:.82;letter-spacing:.015em;margin:20px 0;text-transform:uppercase}.hero h2 em{color:var(--accent);font-style:normal}.hero p{color:var(--muted);line-height:1.75;max-width:760px}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:18px;border:1px solid var(--line);background:#05060acc;border-radius:18px}.stat b{display:block;color:var(--accent2);font-size:1.45rem}.stat span{color:#fff9;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.navtabs{position:sticky;top:42px;z-index:40;margin:18px 0;display:flex;gap:8px;overflow:auto;padding:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(16px);border-radius:16px}.navtabs a{color:var(--muted);text-decoration:none;padding:9px 13px;border-radius:10px;white-space:nowrap}.navtabs a:hover{background:var(--panel2);color:var(--text)}
.section{padding:34px 0;scroll-margin-top:112px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-head h3{font-size:clamp(1.5rem,4vw,3rem);margin:0}.section-head p{color:var(--muted);max-width:620px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{grid-column:span 4;border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:20px;box-shadow:0 10px 34px #0002;min-width:0}.card.wide{grid-column:span 8}.card.full{grid-column:1/-1}.card.half{grid-column:span 6}.card h4{font-size:1.15rem;margin:0 0 14px}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack{display:grid;gap:12px}.field{display:grid;gap:7px}.field label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.input,select,textarea{width:100%;background:#07080e;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;outline:none}.light .input,.light select,.light textarea{background:#fff}.input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}textarea{min-height:120px;resize:vertical}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);font-size:.75rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 14px var(--ok)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--accent2);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;position:sticky;top:0;background:var(--panel)}tr:hover td{background:#fff04}.metric{font-size:2rem;font-weight:1000;color:var(--accent2)}.progress{height:10px;background:#05060a;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));width:50%;transition:width .3s}.canvas-wrap{border:1px solid var(--line);background:#05060a;border-radius:16px;overflow:hidden;position:relative}canvas{display:block;max-width:100%;touch-action:none}.list{display:grid;gap:10px}.list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--panel2)}.list-item .meta{min-width:0}.list-item .meta b,.list-item .meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item .meta span{color:var(--muted);font-size:.8rem}.empty{padding:30px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}
footer{margin-top:50px;border-top:1px solid var(--line);padding:32px 0 50px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.toast-wrap{position:fixed;right:16px;bottom:16px;z-index:100;display:grid;gap:9px}.toast{background:#090a10;border:1px solid var(--accent);color:#fff;padding:13px 16px;border-radius:12px;box-shadow:var(--shadow);animation:toastIn .22s ease}@keyframes toastIn{from{transform:translateY(15px);opacity:0}}
dialog{border:0;padding:0;background:transparent;color:var(--text);max-width:min(520px,calc(100% - 28px));width:100%}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.dialog-card{background:var(--panel);border:1px solid var(--accent);border-radius:22px;padding:24px;box-shadow:0 0 0 5px #0006,0 25px 90px #000}.dialog-card h3{margin-top:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.install-fab{position:fixed;right:18px;bottom:18px;z-index:49;display:none}.install-fab.show{display:block}
@media(max-width:900px){.hero{grid-template-columns:1fr}.card,.card.wide,.card.half{grid-column:1/-1}.hero-stats{grid-template-columns:repeat(4,1fr)}.topbar{align-items:flex-start}.section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.shell{width:min(100% - 16px,1500px)}.topbar{flex-direction:column}.actions{width:100%;justify-content:flex-start}.hero{padding:24px;border-radius:20px;min-height:0}.hero h2{font-size:clamp(2.7rem,18vw,5rem)}.hero-stats{grid-template-columns:1fr 1fr}.card{padding:15px;border-radius:16px}.navtabs{top:41px}.btn{padding:10px 12px}.section{padding:25px 0}.ticker-track{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}