:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#0e0e0d;--panel:#1a1a19;--panel-2:#212120;--panel-3:#2a2a28;--line:#ffffff16;--line-strong:#ffffff29;--ink:#fff;--ink-2:#c3c2b7;--ink-3:#86857c;--ink-4:#5c5b54;--amber:#e0a33c;--amber-dim:#e0a33c24;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--good:#199e70;--warn:#c98500;--crit:#e66767;--rail:74px;--radius:10px;--mono:"JetBrains Mono","IBM Plex Mono","SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;--sans:"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink-2);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.55}body:before{content:"";position:fixed;pointer-events:none;z-index:100;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");inset:0}h1,h2,h3,h4{color:var(--ink);margin:0;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--series-1);text-decoration:none}a:hover{text-decoration:underline}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4);font-size:10px}.shell{display:flex;min-height:100vh}.rail{position:fixed;width:var(--rail);border-right:1px solid var(--line);display:flex;z-index:20;background:linear-gradient(#131312,#0d0d0c);flex-direction:column;align-items: center;gap:10px;padding:18px 0 14px;inset:0 auto 0 0}.rail-mark{display:grid;background:var(--amber-dim);color:var(--amber);font-family:var(--mono);border:1px solid #e0a33c52;border-radius:9px;place-items: center;width:34px;height:34px;margin-bottom:12px;font-size:16px;font-weight:700}.rail-btn{color:var(--ink-4);cursor:pointer;display:grid;background:0 0;border:0;border-radius:9px;justify-items:center;gap:4px;width:52px;padding:9px 0 7px;transition:color .16s,background .16s}.rail-btn:hover{color:var(--ink-2);background:#ffffff0a}.rail-btn[aria-current=page]{color:var(--amber);background:var(--amber-dim)}.rail-btn svg{width:19px;height:19px}.rail-btn span{letter-spacing:.04em;font-size:10px}.rail-foot{display:grid;justify-items:center;gap:8px;margin-top:auto}.main{margin-left:var(--rail);flex:1;min-width:0}.topbar{position:sticky;z-index:15;display:flex;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0e0e0ddb;align-items: center;gap:16px;height:58px;padding:0 26px;top:0}.topbar h1{letter-spacing:.01em;font-size:15px}.topbar .spacer{flex:1}.live{display:inline-flex;font-family:var(--mono);color:var(--ink-3);align-items: center;gap:7px;font-size:11px}.live i{background:var(--good);animation:pulse 2.4s ease-out infinite;border-radius:50%;width:6px;height:6px;box-shadow:0 0 #199e708c}@keyframes pulse{70%{box-shadow:0 0 0 7px #199e7000}to{box-shadow:0 0 #199e7000}}.page{max-width:1560px;padding:24px 26px 60px}.stagger>*{animation:rise .5s cubic-bezier(.16,1,.3,1)backwards}.stagger>:first-child{animation-delay:20ms}.stagger>:nth-child(2){animation-delay:70ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.17s}.stagger>:nth-child(5){animation-delay:.22s}.stagger>:nth-child(6){animation-delay:.27s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.stagger>*,.live i{animation:none}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);position:relative}.card:after{content:"";position:absolute;border-radius:var(--radius)var(--radius)0 0;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;inset:0 0 auto}.card-head{display:flex;align-items:baseline;gap:12px;padding:14px 16px 0}.card-head h3{font-size:13px}.card-head .hint{color:var(--ink-4);margin-left:auto;font-size:11px}.card-body{padding:14px 16px 16px}.grid{display:grid;gap:14px}.grid.kpi{grid-template-columns:repeat(auto-fit,minmax(178px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stat{padding:14px 16px 16px}.stat .label{display:flex;align-items: center;gap:6px}.stat .value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);margin-top:8px;font-size:29px;font-weight:500;line-height:1.15}.stat .value .unit{color:var(--ink-3);margin-left:3px;font-size:14px}.stat .sub{color:var(--ink-4);margin-top:5px;font-size:11.5px}table{border-collapse:collapse;width:100%}th{text-align:left;font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-4);border-bottom:1px solid var(--line);white-space:nowrap;padding:0 10px 9px;font-size:10px;font-weight:500}td{vertical-align:middle;border-bottom:1px solid #ffffff0b;padding:9px 10px}tbody tr{transition:background .12s}tbody tr:hover{background:#ffffff07}td.right,th.right{text-align:right}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.btn{border:1px solid var(--line-strong);background:var(--panel-2);color:var(--ink-2);cursor:pointer;border-radius:8px;padding:7px 13px;transition:background .14s,color .14s,border-color .14s;font-size:13px}.btn:hover{background:var(--panel-3);color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--amber);border-color:var(--amber);color:#17130a;font-weight:600}.btn.primary:hover{background:#eeb455}.btn.ghost{color:var(--ink-3);background:0 0;border-color:#0000;padding:5px 8px}.btn.ghost:hover{color:var(--ink);background:#ffffff0d}.btn.danger:hover{color:var(--crit);border-color:#e6676780}.btn.sm{padding:4px 9px;font-size:12px}.input,select.input,textarea.input{border:1px solid var(--line-strong);color:var(--ink);outline:none;background:#121211;border-radius:8px;width:100%;padding:8px 11px;transition:border-color .14s,box-shadow .14s}.input:focus{box-shadow:0 0 0 3px var(--amber-dim);border-color:#e0a33cb3}.input::placeholder{color:var(--ink-4)}.seg{display:inline-flex;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:2px}.seg button{color:var(--ink-3);cursor:pointer;font-size:12px;font-family:var(--mono);background:0 0;border:0;border-radius:6px;padding:4px 11px}.seg button[aria-pressed=true]{background:var(--panel-3);color:var(--ink)}.field{display:grid;gap:6px}.field>label{color:var(--ink-3);font-size:12px}.pill{display:inline-flex;font-family:var(--mono);border:1px solid var(--line-strong);color:var(--ink-3);white-space:nowrap;border-radius:999px;align-items: center;gap:5px;padding:2px 8px;font-size:11px}.pill i{background:currentColor;border-radius:50%;width:6px;height:6px}.pill.good{color:var(--good);background:#199e701a;border-color:#199e7059}.pill.warn{color:var(--warn);background:#c985001a;border-color:#c9850061}.pill.crit{color:var(--crit);background:#e667671a;border-color:#e6676761}.pill.mute{color:var(--ink-4)}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.legend span{display:inline-flex;color:var(--ink-3);align-items: center;gap:6px;font-size:11.5px}.legend i{border-radius:2px;width:9px;height:9px}.chart{display:block;overflow:visible;width:100%}.chart .grid-line{stroke:#ffffff0f;stroke-width:1}.chart .axis-label{fill:var(--ink-4);font-size:10px;font-family:var(--mono)}.chart rect.mark{transition:opacity .14s}.chart g.col:hover rect.mark{opacity:.78}.meter{overflow:hidden;background:#ffffff14;border-radius:4px;height:7px}.meter>div{border-radius:4px;height:100%;transition:width .35s cubic-bezier(.16,1,.3,1)}.bar-row{display:grid;grid-template-columns:1fr auto;align-items: center;gap:4px 12px;padding:5px 0}.bar-row .track{grid-column:1/-1;background:#ffffff0f;border-radius:3px;height:5px}.bar-row .track>div{background:var(--series-1);border-radius:3px;height:100%}.overlay{position:fixed;z-index:60;backdrop-filter:blur(3px);display:grid;animation:fade .18s ease;background:#060606a3;place-items: center;padding:20px;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--panel);border:1px solid var(--line-strong);display:grid;animation:rise .24s cubic-bezier(.16,1,.3,1);border-radius:14px;gap:14px;width:min(520px,100%);padding:20px;box-shadow:0 30px 70px #0009}.drawer{position:fixed;z-index:60;background:var(--panel);border-left:1px solid var(--line-strong);overflow-y:auto;animation:slide .26s cubic-bezier(.16,1,.3,1);width:min(560px,100%);padding:20px 22px 40px;inset:0 0 0 auto}@keyframes slide{0%{transform:translate(28px);opacity:0}}.kv{display:grid;grid-template-columns:96px 1fr;gap:7px 14px;font-size:13px}.kv dt{color:var(--ink-4);font-size:12px}.kv dd{color:var(--ink-2);word-break:break-all;margin:0}.tooltip{position:fixed;z-index:80;pointer-events:none;border:1px solid var(--line-strong);color:var(--ink);white-space:nowrap;background:#232322;border-radius:8px;padding:8px 10px;font-size:12px;box-shadow:0 12px 28px #00000080}.tooltip .t-row{display:flex;justify-content:space-between;align-items: center;gap:7px}.tooltip .t-title{color:var(--ink-3);font-size:11px;font-family:var(--mono);margin-bottom:4px}.empty{text-align:center;color:var(--ink-4);padding:34px 10px;font-size:13px}.err{color:var(--crit);font-size:12.5px}.login-wrap{display:grid;place-items: center;min-height:100vh;padding:20px}.login{background:var(--panel);border:1px solid var(--line);display:grid;border-radius:16px;gap:16px;width:min(390px,100%);padding:32px 28px;box-shadow:0 40px 90px #0000008c}.login .brand{display:flex;align-items: center;gap:11px}@media (max-width:760px){:root{--rail:58px}.rail-btn span{display:none}.page{padding:16px 14px 48px}.kv{grid-template-columns:84px 1fr}}