:root{--bg: #050b1a;--bg-1: #0a1730;--bg-2: #0e1d3d;--bg-3: #14285a;--bg-inset: #040914;--line: rgba(77, 163, 255, .14);--line-2: rgba(77, 163, 255, .28);--line-strong: rgba(77, 163, 255, .45);--text: #eaf2ff;--text-dim: #9db4d9;--text-mute: #5f77a0;--headline: #5b8dff;--headline-deep: #2f6be0;--accent: #4da3ff;--olive: #5b8dff;--olive-deep: #2f6be0;--olive-soft: rgba(77, 163, 255, .08);--amber: #4da3ff;--amber-deep: #2f6be0;--amber-soft: rgba(77, 163, 255, .14);--win: #57c98a;--loss: #e0665a;--draw: #c8b46b;--danger: #e0665a;--info: #4da3ff;--glow: rgba(90, 141, 255, .45);--glow-soft: rgba(90, 141, 255, .22);--glow-strong: rgba(90, 141, 255, .6);--glow-olive: rgba(90, 141, 255, .28);--glow-amber: rgba(77, 163, 255, .38);--r-sm: 8px;--r: 12px;--r-lg: 16px;--ease: cubic-bezier(.22, 1, .36, 1);--step--1: clamp(.72rem, .7rem + .1vw, .78rem);--step-0: clamp(.88rem, .85rem + .15vw, .96rem);--step-1: clamp(1.02rem, .96rem + .3vw, 1.2rem);--step-2: clamp(1.3rem, 1.15rem + .7vw, 1.7rem);--step-3: clamp(1.7rem, 1.4rem + 1.4vw, 2.4rem);--step-4: clamp(2.2rem, 1.7rem + 2.6vw, 3.3rem);--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", "Roboto Mono", Consolas, "Liberation Mono", monospace;--nav-w: 248px;--nav-w-collapsed: 68px;--topbar-h: 56px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--step-0);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(1100px 620px at 62% 8%,rgba(47,107,224,.16),transparent 70%),radial-gradient(900px 700px at 12% 100%,rgba(20,40,90,.5),transparent 72%)}#root{position:relative;z-index:1}img{max-width:100%}a{color:var(--accent);text-decoration:none;text-shadow:0 0 8px var(--glow-soft)}a:hover{text-decoration:underline}::selection{background:#4da3ff40}h1,h2,h3,h4{margin:0 0 .4em;font-weight:700;letter-spacing:.005em;color:#fff}h1{font-size:var(--step-3);text-shadow:0 0 12px var(--glow),0 0 30px var(--glow-soft)}h2{font-size:var(--step-2);text-shadow:0 0 10px var(--glow-soft)}h3{font-size:var(--step-1);color:var(--text)}p{margin:0 0 1em}small{font-size:var(--step--1)}code{font-family:var(--font-mono);font-size:.88em;color:var(--text-dim)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.dim{color:var(--text-dim)}.mute{color:var(--text-mute)}.eyebrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 10px var(--glow-soft)}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:12px;align-items:center}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1180px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.spacer{flex:1}.right{margin-left:auto}.nowrap{white-space:nowrap}.center{display:grid;place-items:center}.panel{position:relative;background:#4da3ff0b;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}.panel:before,.panel:after{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--line-strong);pointer-events:none}.panel:before{top:7px;left:7px;border-right:0;border-bottom:0;border-top-left-radius:6px}.panel:after{bottom:7px;right:7px;border-left:0;border-top:0;border-bottom-right-radius:6px}.panel.flat{background:var(--bg-1)}.panel.inset{background:#0409148c}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.panel-title .bar{width:3px;height:14px;background:var(--accent);box-shadow:0 0 8px var(--glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;background:#4da3ff0f;color:var(--text);border:1px solid var(--line-2);border-radius:var(--r-sm);font-size:var(--step--1);letter-spacing:.01em;cursor:pointer;transition:transform .12s var(--ease),background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease)}.btn:hover{background:#4da3ff1f;border-color:var(--line-strong)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:#04101f;border-color:var(--accent);font-weight:700;box-shadow:0 0 18px var(--glow-amber)}.btn.primary:hover{background:#6bb4ff;border-color:#6bb4ff}.btn.olive{border-color:var(--line-strong);color:var(--accent);background:#4da3ff0d}.btn.olive:hover{background:#4da3ff1f}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:#4da3ff14}.btn.danger{border-color:#e0665a80;color:var(--loss);background:#e0665a0f}.btn.danger:hover{background:#e0665a24}.btn.sm{padding:6px 11px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px}.field label,.label{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=search],select,textarea{width:100%;padding:9px 11px;background:var(--bg-inset);border:1px solid var(--line-2);border-radius:var(--r-sm);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4da3ff24}textarea{resize:vertical;min-height:70px}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.badge.demo{color:var(--accent);border-color:var(--accent);background:#4da3ff24;text-shadow:0 0 8px var(--glow-soft)}.badge.win{color:var(--win);border-color:#57c98a66}.badge.loss{color:var(--loss);border-color:#e0665a66}.badge.draw{color:var(--draw);border-color:#c8b46b66}.badge.olive{color:var(--accent);border-color:var(--line-strong)}.badge.pro{color:var(--accent);border-color:var(--accent);background:#4da3ff1a}.tag{display:inline-block;padding:2px 8px;background:#4da3ff1a;border-radius:var(--r-sm);font-size:var(--step--1);color:var(--accent)}.notice,.error,.success{padding:10px 12px;border-left:3px solid var(--line-strong);background:#4da3ff0d;border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:var(--step--1)}.error{border-left-color:var(--loss);background:#e0665a14;color:#f2c6c0}.success{border-left-color:var(--win);background:#57c98a14;color:#cfe9da}.notice{border-left-color:var(--accent);color:var(--text-dim)}.stat{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#4da3ff0b;border:1px solid var(--line);border-radius:var(--r)}.stat .k{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}.stat .v{font-family:var(--font-mono);font-size:var(--step-2);font-variant-numeric:tabular-nums;color:var(--text)}.stat .sub{font-size:var(--step--1);color:var(--text-dim)}.stat.accent .v{color:var(--accent);text-shadow:0 0 12px var(--glow)}.delta.up{color:var(--win)}.delta.down{color:var(--loss)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}table.data{width:100%;border-collapse:collapse;font-size:var(--step--1)}table.data th,table.data td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}table.data th{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);user-select:none}table.data tbody tr{transition:background .12s var(--ease)}table.data tbody tr:hover{background:#4da3ff0f}table.data td.num,table.data th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}table.data tr.clickable{cursor:pointer}.app-shell{display:grid;grid-template-columns:var(--nav-w) 1fr;height:100%;overflow:hidden}.app-shell.nav-collapsed{grid-template-columns:var(--nav-w-collapsed) 1fr}.sidebar{display:flex;flex-direction:column;background:#040914bf;border-right:1px solid var(--line);overflow-y:auto}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;background:#4da3ff1f;border:1px solid var(--line-strong);border-radius:var(--r-sm);font-family:var(--font-mono);font-weight:700;font-size:.8rem;color:var(--accent);text-shadow:0 0 10px var(--glow)}.brand-name{display:flex;flex-direction:column;line-height:1.15}.brand-name b{font-family:var(--font-mono);letter-spacing:.14em;font-size:.8rem}.brand-name span{font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.nav-group{padding:14px 14px 4px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute)}.nav-link{display:flex;align-items:center;gap:11px;margin:2px 10px;padding:8px 11px;border-radius:var(--r-sm);color:var(--text-dim);border:1px solid transparent;transition:background .12s var(--ease),color .12s var(--ease),border-color .12s var(--ease)}.nav-link svg{width:17px;height:17px;flex:none}.nav-link:hover{background:#4da3ff0f;color:var(--text);text-decoration:none}.nav-link.active{background:#4da3ff1a;color:var(--accent);border-color:var(--line-strong);box-shadow:0 0 16px #4da3ff24;text-shadow:0 0 10px var(--glow-soft)}.nav-collapsed .brand-name,.nav-collapsed .nav-group,.nav-collapsed .nav-link span{display:none}.nav-collapsed .nav-link{justify-content:center}.sidebar-foot{margin-top:auto;padding:12px 14px;border-top:1px solid var(--line);font-size:.66rem;color:var(--text-mute)}.content{display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{display:flex;align-items:center;gap:14px;height:var(--topbar-h);padding:0 18px;border-bottom:1px solid var(--line);background:#0409148c;flex:none}.topbar .crumbs{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase}.scroll-area{flex:1;overflow-y:auto;scrollbar-gutter:stable}.page{max-width:1240px;margin:0 auto;padding:22px 24px 60px}.page-head{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:20px}.page-head .titles{min-width:0}.page-head h1{margin:0}.page-head p{margin:4px 0 0;color:var(--text-dim);font-size:var(--step-0)}.segmented{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden}.segmented button{padding:7px 13px;background:transparent;border:0;border-right:1px solid var(--line);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.04em;cursor:pointer}.segmented button:last-child{border-right:0}.segmented button.on{background:#4da3ff24;color:var(--accent);text-shadow:0 0 8px var(--glow-soft)}.tabbar{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}.tabbar button{padding:9px 14px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-dim);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.04em;cursor:pointer;white-space:nowrap}.tabbar button.on{color:var(--accent);border-bottom-color:var(--accent);text-shadow:0 0 8px var(--glow-soft)}.meter{position:relative;height:8px;background:var(--bg-inset);border:1px solid var(--line);border-radius:999px;overflow:hidden}.meter>i{position:absolute;inset:0;transform-origin:left;background:linear-gradient(90deg,var(--headline-deep),var(--accent));border-radius:999px}.meter.amber>i{background:linear-gradient(90deg,var(--accent),#8fc3ff)}.dial{display:grid;place-items:center;position:relative}.dial .val{position:absolute;display:flex;flex-direction:column;align-items:center}.dial .val b{font-family:var(--font-mono);font-size:var(--step-4);line-height:1;color:var(--accent);text-shadow:0 0 18px var(--glow)}.dial .val span{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}.splash{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:999}.splash .inner{display:flex;flex-direction:column;align-items:center;gap:16px;animation:fade-up .6s var(--ease) both}.splash .logo{width:76px;height:76px;font-size:1.5rem}.splash h1{margin:0;font-family:var(--font-mono);letter-spacing:.34em;text-shadow:0 0 20px var(--glow),0 0 48px var(--glow-soft)}.splash .sub{font-family:var(--font-mono);letter-spacing:.38em;font-size:.7rem;text-transform:uppercase;color:var(--accent)}.scanline{width:220px;height:2px;background:#4da3ff24;position:relative;overflow:hidden}.scanline:after{content:"";position:absolute;inset:0;width:40%;background:var(--accent);box-shadow:0 0 12px var(--glow);animation:scan 1.3s var(--ease) infinite}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:40px 20px}.authbox{width:min(420px,100%);background:#4da3ff0b;border:1px solid var(--line-2);border-radius:var(--r-lg);padding:28px}.authbox .brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.ob-wrap{min-height:100%;display:grid;place-items:center;padding:40px 20px}.ob-card{width:min(640px,100%)}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 620px){.choice-grid{grid-template-columns:1fr}}.choice{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 14px;background:var(--bg-inset);border:1px solid var(--line-2);border-radius:var(--r);cursor:pointer;transition:border-color .15s var(--ease),transform .12s var(--ease),box-shadow .15s var(--ease)}.choice:hover{border-color:var(--accent);transform:translateY(-2px)}.choice.on{border-color:var(--accent);background:#4da3ff1f;box-shadow:0 0 18px #4da3ff2e}.choice .ic{font-size:1.6rem}.steps{display:flex;gap:6px;margin-bottom:18px}.steps i{width:26px;height:3px;background:var(--line-2);border-radius:2px}.steps i.on{background:var(--accent);box-shadow:0 0 8px var(--glow)}.locked{position:relative}.gate{border:1px dashed var(--line-strong);border-radius:var(--r);padding:22px;text-align:center;background:#4da3ff0d}.gate .badge{margin-bottom:8px}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row .grow{flex:1;min-width:0}.list-row .t{color:var(--text);display:block}.list-row .d{font-size:var(--step--1);color:var(--text-dim);display:block}.hbar{display:flex;align-items:center;gap:10px}.hbar .track{flex:1;height:10px;background:var(--bg-inset);border:1px solid var(--line);border-radius:3px;overflow:hidden}.hbar .track>i{display:block;height:100%;background:var(--accent);transform-origin:left}.hbar .n{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-dim);min-width:42px;text-align:right}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(350%)}}.page>*{animation:fade-up .4s var(--ease) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-inset)}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}