*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[class],ol[class]{margin:0;padding:0;list-style:none}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent,#4f6ef7);outline-offset:2px;border-radius:var(--radius-sm)}table{border-collapse:collapse;width:100%}code,pre{font-family:var(--font-mono)}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--container:1180px;--container-narrow:760px;--text-xs:clamp(.75rem, .72rem + .15vw, .8125rem);--text-sm:clamp(.875rem, .84rem + .18vw, .9375rem);--text-base:clamp(1rem, .97rem + .2vw, 1.0625rem);--text-lg:clamp(1.125rem, 1.06rem + .35vw, 1.25rem);--text-xl:clamp(1.35rem, 1.2rem + .7vw, 1.6rem);--text-2xl:clamp(1.75rem, 1.5rem + 1.2vw, 2.4rem);--text-3xl:clamp(2.4rem, 1.9rem + 2.4vw, 4rem);--text-4xl:clamp(3rem, 2.2rem + 4vw, 6rem);--leading-tight:1.15;--leading-normal:1.6;--leading-loose:1.8;--font-sans:"Inter", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;--neutral-0:#fff;--neutral-50:#f7f8fa;--neutral-100:#eef0f4;--neutral-200:#dfe3ea;--neutral-300:#c4cad6;--neutral-400:#98a1b3;--neutral-500:#6b7488;--neutral-600:#4c5468;--neutral-700:#343b4d;--neutral-800:#212736;--neutral-900:#141926;--neutral-950:#0b0e17;--ok:#16a34a;--warn:#d97706;--danger:#dc2626;--info:#2563eb;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.14s;--dur-base:.26s;--dur-slow:.52s;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400;--bg:#0b0e17;--bg-elev:#141926;--bg-elev-2:#1c2333;--fg:#e9edf7;--fg-muted:#8b95ab;--fg-dim:#616b80;--line:#ffffff14;--line-strong:#ffffff29;--code-bg:#ffffff12;--code-block-bg:#05070d;--thead-bg:#ffffff0a;--grid-line:#ffffff0f;--space-unit:4px;--mono-num:"JetBrains Mono", ui-monospace, monospace}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal)}.shell{grid-template-columns:224px 1fr;min-height:100dvh;display:grid}.rail{border-right:1px solid var(--line);background:linear-gradient(180deg, var(--bg-elev) 0%, var(--bg) 100%);padding:var(--space-4) var(--space-3);gap:var(--space-5);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0;overflow-y:auto}.rail__brand{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-weight:600;font-size:var(--text-base);display:flex}.rail__brand i{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:2px}.rail__group{flex-direction:column;gap:2px;display:flex}.rail__label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);padding:0 var(--space-2) var(--space-2);font-size:11px}.rail__link{align-items:center;gap:var(--space-2);padding:7px var(--space-2);border-radius:var(--radius-md);color:var(--fg-muted);font-size:var(--text-sm);transition:background var(--dur-fast), color var(--dur-fast);display:flex}.rail__link:hover{color:var(--fg);background:#ffffff0d}.rail__link[aria-current=page]{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-line)}.main{flex-direction:column;min-width:0;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--bg) 82%, transparent);backdrop-filter:blur(10px);z-index:var(--z-sticky);display:flex;position:sticky;top:0}.topbar__meta{align-items:center;gap:var(--space-3);display:flex}.dot-live{background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in oklab, var(--ok) 20%, transparent);border-radius:50%}.content{padding:var(--space-5);gap:var(--space-5);flex-direction:column;display:flex}.kpis{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.kpi{border:1px solid var(--line);background:var(--bg-elev);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.kpi__label{color:var(--fg-dim);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.kpi__value{font-family:var(--mono-num);letter-spacing:-.02em;font-size:1.9rem;font-weight:600}.kpi__unit{font-size:var(--text-sm);color:var(--fg-muted);margin-left:4px}.kpi__delta{font-size:var(--text-xs);font-family:var(--mono-num)}.kpi__delta.up{color:var(--ok)}.kpi__delta.down{color:var(--danger)}.panel{border:1px solid var(--line);background:var(--bg-elev);border-radius:var(--radius-lg);overflow:hidden}.panel__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);display:flex}.panel__title{font-weight:600;font-size:var(--text-sm)}.panel__body{padding:var(--space-4)}.cols{gap:var(--space-4);grid-template-columns:1.55fr 1fr;align-items:start;display:grid}@media (width<=1100px){.cols{grid-template-columns:1fr}}@media (width<=820px){.shell{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;height:auto;position:static}.rail__group{flex-direction:row}.rail__label{display:none}}.tbl{font-size:var(--text-sm)}.tbl th{text-align:left;color:var(--fg-dim);font-weight:500;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line)}.tbl td{padding:var(--space-3);border-bottom:1px solid var(--line);font-family:var(--mono-num)}.tbl tbody tr:hover{background:#ffffff08}.tbl td.name{font-family:var(--font-sans)}.pill{border-radius:var(--radius-full);font-size:11px;font-family:var(--font-sans);border:1px solid var(--line-strong);align-items:center;gap:6px;padding:2px 9px;display:inline-flex}.pill--ok{color:var(--ok);border-color:color-mix(in oklab, var(--ok) 40%, transparent);background:color-mix(in oklab, var(--ok) 12%, transparent)}.pill--warn{color:var(--warn);border-color:color-mix(in oklab, var(--warn) 40%, transparent);background:color-mix(in oklab, var(--warn) 12%, transparent)}.pill--down{color:var(--fg-dim)}.btn-ghost{border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:5px var(--space-3);font-size:var(--text-xs);color:var(--fg-muted)}.btn-ghost:hover{color:var(--fg);border-color:var(--accent-line);background:var(--accent-soft)}