.frame h1,.frame h2,.frame h3{font-family:var(--sans);letter-spacing:0}.frame h2{color:var(--text);font-size:14.5px;font-weight:600}.icon{flex:none}.frame{display:grid;grid-template:64px minmax(0,1fr) / 216px minmax(0,1fr);height:100vh;background:#070707}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:14px;padding:0 22px;background:linear-gradient(180deg,#151310,#0c0b0a);border-bottom:1px solid var(--line)}.logo{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;color:#17130a;background:linear-gradient(145deg,#f0d680,#b3902a)}.logo.small{width:30px;height:30px;border-radius:7px}.title strong{display:block;font-size:20px;font-weight:700;line-height:1.15;color:var(--gold)}.title span{font-size:12px;color:var(--muted)}.top-right{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:13px;color:var(--text)}.sys{display:inline-flex;align-items:center;gap:8px}.sys i,.statusbar i{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px #4fb28629}.sys i.off,.statusbar i.off{background:var(--bad);box-shadow:0 0 0 3px #e06a5a29}.bell{position:relative;color:var(--gold);display:grid;place-items:center}.bell b{position:absolute;top:-7px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#c8433a;color:#fff;font:600 10.5px/17px var(--sans);text-align:center}.who{position:relative}.who-btn{display:inline-flex;align-items:center;gap:9px;background:none;border:none;padding:4px 0;font-weight:500}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--gold);border:1.5px solid var(--gold)}.caret{color:var(--muted);font-size:11px}.who-menu{position:absolute;right:0;top:40px;z-index:30;min-width:220px;display:grid;gap:4px;padding:14px;background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:10px;font-size:12.5px}.who-menu button{margin-top:8px}.side{display:flex;flex-direction:column;min-height:0;background:#0c0b0a;border-right:1px solid var(--line);padding:10px 0 0}.side-nav{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:0 0 10px}.side-nav a{display:flex;align-items:center;gap:12px;padding:9px 16px;margin-right:8px;color:#d6d0c2;font-size:13.5px;font-weight:500;border-left:3px solid transparent;border-radius:0 8px 8px 0}.side-nav a .icon{color:var(--gold)}.side-nav a:hover{background:#16140f;color:#fff}.side-nav a.active{color:#fff;border-left-color:var(--gold-bright);background:linear-gradient(90deg,#d4af376b,#d4af3714);box-shadow:inset 0 0 0 1px #d4af3759}.side-nav a.active .icon{color:var(--gold-bright)}.pill{margin-left:auto;min-width:22px;padding:1px 6px;border-radius:6px;background:#c8433a;color:#fff;font:600 11px/16px var(--sans);text-align:center}.side-brand{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--line);border-bottom:3px solid var(--gold);background:#090807}.side-brand strong{display:block;font-size:12.5px;color:var(--gold)}.side-brand span{font-size:11px;color:var(--muted)}.content{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto}.content>.main{flex:1;padding:16px 18px 20px}.statusbar{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:10px 22px;border-top:1px solid var(--line);background:#0c0b0a;font-size:12px;color:#cfc9bb}.statusbar span{display:inline-flex;align-items:center;gap:8px}.statusbar .icon{color:var(--gold)}.statusbar .tagline{margin-left:auto;color:var(--muted)}.statusbar .tagline em{color:var(--gold);font-style:normal}.frame .card{background:linear-gradient(180deg,#131211,#0f0e0d);border-color:#2b2720}@media (max-width: 900px){.frame{grid-template:auto auto minmax(0,1fr) / minmax(0,1fr);height:auto;min-height:100vh}.topbar{flex-wrap:wrap;padding:10px 14px;height:auto}.top-right{gap:12px;flex-wrap:wrap;margin-left:0}.side-nav{flex-direction:row;flex-wrap:wrap}.side-brand{display:none}.content{overflow:visible}}.dash{display:grid;gap:12px}.dash .card+.card{margin-top:0}.kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.kpi{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;padding:12px 12px 0;min-height:104px;overflow:hidden;align-content:start}.kpi-icon{color:var(--gold);margin-top:6px}.kpi-body{min-width:0}.kpi-label{font-size:11px;line-height:1.25;letter-spacing:-.01em;color:#d6d0c2;min-height:28px}.kpi-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.kpi-value{font:600 23px/1.3 var(--sans);color:#fff}.kpi-change{font-size:11px;color:var(--muted);white-space:nowrap}.kpi-change.good{color:var(--good)}.kpi-change.bad{color:var(--bad)}.kpi .spark{grid-column:1 / -1;width:100%;height:32px;align-self:end}.kpi-foot{grid-column:1 / -1;font-size:11px;color:#d6d0c2;padding:8px 0 10px}.kpi-foot em{color:var(--gold);font-style:normal;margin:0 3px}.dash-grid{display:grid;gap:12px;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"smtp smtp smtp smtp smtp https https https https srv srv srv" "net net net queue queue queue err err err alr alr alr" "res res res ips ips ips rcp rcp rcp alr alr alr"}.a-smtp{grid-area:smtp}.a-https{grid-area:https}.a-servers{grid-area:srv}.a-net{grid-area:net}.a-queue{grid-area:queue}.a-error{grid-area:err}.a-alerts{grid-area:alr}.a-res{grid-area:res}.a-ips{grid-area:ips}.a-rcpt{grid-area:rcp}.panel{padding:14px 16px;min-width:0;overflow:hidden}.trend .chart svg{width:100%}.panel>header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.panel>header h2{font-size:14.5px}.panel-icon{color:var(--gold);display:grid}.view-all{margin-left:auto;font-size:12px;text-decoration:underline}.trend .legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 14px;font-size:11.5px;color:#d6d0c2;margin:-4px 0 4px}.trend .legend span{display:inline-flex;align-items:center;gap:6px}.trend .legend i,.tip-row i{width:8px;height:8px;border-radius:50%}.tip.multi{transform:translate(-50%,8px);padding:8px 10px}.tip-head{color:var(--muted);margin-bottom:4px}.tip-row{display:flex;align-items:center;gap:7px}.tip-row b{margin-left:auto;padding-left:14px}.server-list,.alert-list{list-style:none;margin:0;padding:0}.server-list li+li,.alert-list li+li{border-top:1px solid #221f1a}.server-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 2px;background:none;border:none;border-radius:0;text-align:left;font-weight:400}.server-row:hover{background:#17150f}.dot{width:10px;height:10px;border-radius:50%;background:var(--idle);flex:none}.dot.healthy{background:var(--good)}.dot.warning{background:var(--warn)}.dot.critical{background:var(--bad)}.dot.resolved{background:var(--good)}.server-name strong,.server-meta .mono{display:block;font-size:13px}.server-name small,.server-meta small{font-size:11px;color:var(--muted)}.server-name small.healthy{color:var(--good)}.server-name small.warning{color:var(--warn)}.server-name small.critical{color:var(--bad)}.server-meta{text-align:right}.queue-list{display:grid;gap:14px;padding:6px 0}.queue-row{display:grid;grid-template-columns:minmax(70px,34%) 1fr 34px;gap:10px;align-items:center;font-size:13px}.queue-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row .track{display:block;height:14px;background:#1d1b18;border-radius:4px;overflow:hidden}.queue-row .fill{display:block;height:100%;min-width:2px;border-radius:0 4px 4px 0;background:linear-gradient(90deg,#b3902a,#e0b84a)}.queue-row b{text-align:right;font-weight:600}.alert-list li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:11px 0;align-items:start}.alert-list .dot{margin-top:5px}.alert-text strong{display:block;font-size:13px;font-weight:500}.alert-text small{display:block;font-size:11.5px;color:var(--muted);overflow-wrap:anywhere}.alert-side{text-align:right;font-size:11.5px;color:#d6d0c2;display:grid;gap:4px;justify-items:end}.sev{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 7px;border-radius:4px;color:#14110b;background:var(--idle)}.sev.critical{background:var(--bad)}.sev.warning{background:var(--warn)}.sev.resolved{background:var(--good)}.donuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.donut{display:grid;justify-items:center;gap:6px}.donut-label{font-size:12px;color:#d6d0c2}.donut svg{width:100%;max-width:92px}.donut-value{fill:#fff;font:600 15px var(--sans)}table.mini th{font-size:10.5px;letter-spacing:0;text-transform:none;padding:6px 8px}table.mini td{padding:7px 6px;font-size:12.5px;border-bottom:none;white-space:nowrap}table.mini td+td,table.mini th+th{text-align:right}.dash .empty{padding:18px 0;text-align:center}@media (max-width: 1500px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1200px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"smtp https" "srv alr" "net err" "queue res" "ips rcp"}}@media (max-width: 760px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"smtp" "https" "srv" "alr" "net" "queue" "err" "res" "ips" "rcp"}}.stat .value small{font:500 13px var(--sans);color:var(--muted);margin-left:7px;letter-spacing:0}.stat .value.compact{font-size:24px;white-space:nowrap}.stat.tone-warn{border-left:3px solid var(--warn)}.stat.tone-bad{border-left:3px solid var(--bad)}.stat .flag{display:inline-block;margin-top:6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.stat.tone-warn .flag:before,.stat.tone-bad .flag:before{content:"▲ "}.stat.tone-warn .flag:before{color:var(--warn)}.stat.tone-bad .flag:before{color:var(--bad)}.live-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px #4fb2862e}.live-dot.off{background:var(--idle);box-shadow:none}.sub{display:block;color:var(--muted);font-size:12px}.num{font-family:var(--mono);font-size:12.5px;white-space:nowrap}.num.warn{color:var(--warn)}.num.bad{color:var(--bad)}.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.three>.card+.card{margin-top:0}.modal.wide{width:min(1040px,100%)}.setup-steps{margin:8px 0 0;padding-left:20px}.setup-steps li{margin:4px 0}.row-actions{display:flex;gap:6px}.row-actions button{padding:5px 10px;font-size:12px}.range-bar{display:flex;align-items:center;gap:12px;margin:14px 0 4px;flex-wrap:wrap;font-size:12.5px}.range-bar select{width:180px;margin:0}.head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.head-actions select{width:170px;margin:0}a.btn{display:inline-block;text-decoration:none}.card.scroll-x{overflow-x:auto}a.btn:hover{border-color:var(--gold)}.auth{--auth-left: #0a0c17;--auth-right: #0d1122;--auth-line: #232842;--auth-soft: #a9b0cf;--serif: "Playfair Display", Georgia, "Times New Roman", serif;min-height:100%;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);background:var(--auth-right)}.auth-hero{position:relative;display:flex;flex-direction:column;padding:64px 72px 56px;color:var(--text);background:radial-gradient(700px 420px at 12% 0%,rgba(212,175,55,.12),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.022) 0 1px,transparent 1px 46px),var(--auth-left)}.auth-logo{display:flex;align-items:center;gap:18px;color:var(--gold);font:700 26px var(--serif)}.auth-logo svg{width:44px;height:44px;flex:none}.auth-pitch{margin:auto 0;padding:56px 0;max-width:640px}.auth-eyebrow{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--auth-soft)}.auth-pitch h1{font:700 clamp(34px,4.1vw,56px) / 1.14 var(--serif);letter-spacing:0;margin:22px 0 26px}.auth-pitch h1 em{font-style:normal;color:var(--gold)}.auth-pitch>p{font-size:18.5px;line-height:1.65;color:var(--auth-soft);margin:0 0 44px;max-width:580px}.auth-features{list-style:none;margin:0;padding:0;display:grid;gap:26px}.auth-features li{display:grid;grid-template-columns:26px 1fr;gap:18px;align-items:start}.auth-features svg{width:24px;height:24px;color:var(--gold);margin-top:3px}.auth-features strong{display:block;font-size:17.5px;font-weight:600}.auth-features span{color:var(--auth-soft);font-size:15.5px}.auth-copy{color:#6f7696;font-size:14px}.auth-panel{display:grid;place-items:center;padding:48px 32px;background:var(--auth-right)}.auth-form{width:min(480px,100%)}.auth-form h2{font:700 36px/1.2 var(--serif);letter-spacing:0;color:var(--gold);margin:0 0 10px}.auth-sub{font-size:17px;color:var(--auth-soft);margin:0 0 40px}.auth-field{display:block;font-size:15.5px;font-weight:500;color:#d9dcec;margin-bottom:26px}.auth-input{position:relative;margin-top:10px}.auth-input input{margin:0;height:54px;padding:0 18px;font-size:16.5px;color:var(--text);background:#090b16;border:1px solid var(--auth-line);border-radius:6px}.auth-input input::placeholder{color:#5d6485}.auth-input input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.auth-input.has-toggle input{padding-right:76px}.auth-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px 10px;color:var(--gold);font:600 14.5px var(--sans)}.auth-toggle:hover{color:var(--gold-bright)}.auth-submit{width:100%;height:56px;margin-top:8px;border-radius:6px;border:1px solid var(--gold);background:var(--gold);color:#0b0b0b;font:700 18px var(--sans)}.auth-submit:hover{background:var(--gold-bright);border-color:var(--gold-bright)}.auth-links{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:14.5px}.auth-links button{background:none;border:none;padding:0;color:var(--gold);font:500 14.5px var(--sans)}.auth-links button:hover,.auth-links a:hover{color:var(--gold-bright)}.auth-rule{display:flex;align-items:center;gap:16px;margin:38px 0 26px;font-size:12.5px;letter-spacing:.26em;text-transform:uppercase;color:#6f7696}.auth-rule:before,.auth-rule:after{content:"";flex:1;height:1px;background:var(--auth-line)}.auth-note{display:grid;grid-template-columns:20px 1fr;gap:12px;color:var(--auth-soft);font-size:15px}.auth-note svg{width:18px;height:18px;color:var(--gold);margin-top:2px}.auth-form .notice{background:#090b16;border-color:var(--auth-line);margin-bottom:22px}.auth-hint{color:var(--auth-soft);font-size:13.5px;margin:-10px 0 22px}@media (max-width: 980px){.auth{grid-template-columns:1fr}.auth-hero{padding:28px 24px}.auth-pitch,.auth-copy{display:none}.auth-panel{padding:36px 24px 56px;place-items:start center}}:root{--bg: #0b0b0b;--surface: #131313;--surface-2: #1a1a1a;--line: #2a2723;--gold: #d4af37;--gold-bright: #ecd27a;--gold-dim: rgba(212, 175, 55, .14);--text: #f3efe4;--muted: #a09a8c;--good: #4fb286;--warn: #e0a83a;--bad: #e06a5a;--idle: #7d786c;--radius: 10px;--display: "Cinzel", Georgia, serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-bright)}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:.04em;margin:0}h1{font-size:22px}h2{font-size:15px;color:var(--gold)}.mono{font-family:var(--mono);font-size:12.5px}.muted{color:var(--muted)}.splash{display:grid;place-items:center;height:100%;color:var(--muted)}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100%}.sidebar{background:#0e0e0e;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 14px;position:sticky;top:0;height:100vh}.brand{font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:.1em;color:var(--gold);padding:0 10px}.brand small{display:block;font:500 10.5px var(--sans);letter-spacing:.22em;color:var(--muted);margin-top:4px;text-transform:uppercase}.nav{margin-top:26px;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.nav a{color:var(--muted);padding:9px 12px;border-radius:8px;border-left:2px solid transparent;font-weight:500}.nav a:hover{color:var(--text);background:var(--surface)}.nav a.active{color:var(--gold-bright);background:var(--gold-dim);border-left-color:var(--gold)}.account{border-top:1px solid var(--line);padding:14px 10px 0;font-size:12.5px}.account strong{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{padding:26px 32px 48px;min-width:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head p{margin:4px 0 0;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.card+.card{margin-top:18px}.card>h2{margin-bottom:14px}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin-bottom:18px}.two{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.two>.card+.card{margin-top:0}.stat{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.stat .label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.stat .value{font:500 28px/1.2 var(--mono);margin-top:8px;color:var(--text)}.stat .value.text{font:600 18px/1.6 var(--display);letter-spacing:.06em;text-transform:capitalize}.stat .hint{font-size:12px;color:var(--muted);margin-top:4px}.stat.empty .value{font:500 13px/2.2 var(--sans);color:var(--idle)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 12px;border-bottom:1px solid #1f1d1a;vertical-align:top}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--surface-2)}.empty-row{text-align:center;color:var(--muted);padding:28px 12px}button,.btn{font:600 13px var(--sans);border-radius:8px;padding:8px 14px;cursor:pointer;border:1px solid var(--line);background:var(--surface-2);color:var(--text)}button:hover{border-color:var(--gold)}button.primary{background:var(--gold);border-color:var(--gold);color:#0b0b0b}button.primary:hover{background:var(--gold-bright)}button.danger{color:var(--bad)}button.link{background:none;border:none;color:var(--gold);padding:0}button:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}label.field{display:block;margin-bottom:12px;font-size:12px;color:var(--muted);letter-spacing:.04em}input,select,textarea{display:block;width:100%;margin-top:5px;background:#0e0e0e;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:9px 11px;font:14px var(--sans)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;margin-top:6px}.checks label{display:flex;gap:8px;align-items:center;color:var(--text);font-size:13px}.checks input,label.inline input{width:auto;margin:0}label.inline{display:flex;gap:8px;align-items:center;margin-bottom:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.form-grid .wide{grid-column:1 / -1}.notice{border:1px solid var(--line);border-left:3px solid var(--gold);background:var(--surface-2);border-radius:8px;padding:10px 14px;margin-bottom:14px}.notice.error{border-left-color:var(--bad)}.notice.ok{border-left-color:var(--good)}.secret{font-family:var(--mono);font-size:12.5px;word-break:break-all;background:#0e0e0e;border:1px dashed var(--gold);border-radius:8px;padding:10px 12px;margin:8px 0;-webkit-user-select:all;user-select:all}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);text-transform:capitalize;white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--idle)}.badge.good:before{background:var(--good)}.badge.warn:before{background:var(--warn)}.badge.bad:before{background:var(--bad)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:grid;place-items:start center;padding:6vh 16px;overflow-y:auto;z-index:20}.modal{background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:var(--radius);width:min(720px,100%);padding:22px 24px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal section{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.modal section h2{margin-bottom:12px}.chart{position:relative}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart .grid-line{stroke:#24211d;stroke-width:1}.chart .axis-text{fill:var(--muted);font:11px var(--sans)}.chart .series-line{fill:none;stroke:var(--gold);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart .series-area{fill:var(--gold);opacity:.08}.chart .bar{fill:var(--gold)}.chart .bar.dim{opacity:.55}.chart .cross{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.chart .dot{fill:var(--gold);stroke:var(--surface);stroke-width:2}.tip{position:absolute;top:0;transform:translate(-50%,-110%);pointer-events:none;background:#050505;border:1px solid var(--line);border-radius:6px;padding:5px 9px;font-size:12px;white-space:nowrap;z-index:2}.tip b{font-family:var(--mono);font-weight:500;margin-left:6px}.hbars{display:grid;gap:10px}.hbar{display:grid;grid-template-columns:minmax(90px,32%) 1fr auto;gap:12px;align-items:center;font-size:13px}.hbar .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar .track{display:block;height:10px;background:#1d1b18;border-radius:4px;overflow:hidden}.hbar .fill{display:block;height:100%;background:var(--gold);border-radius:0 4px 4px 0;min-width:2px}.hbar .num{font-family:var(--mono);font-size:12.5px;min-width:28px;text-align:right}.chart-empty{color:var(--muted);padding:30px 0;text-align:center}.login{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 500px at 50% -10%,rgba(212,175,55,.13),transparent 70%),var(--bg)}.login-card{width:min(410px,100%);background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:14px;padding:34px 32px 26px}.login-card .brand{padding:0;font-size:24px;text-align:center;margin-bottom:4px}.login-card .realm{text-align:center;color:var(--muted);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px}.login-card button.primary{width:100%;padding:11px;margin-top:6px}.login-card .foot{display:flex;justify-content:space-between;margin-top:18px;font-size:12.5px}@media (max-width: 860px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav{flex-direction:row;flex-wrap:wrap;margin-top:14px}.main{padding:18px 16px 40px}.form-grid{grid-template-columns:1fr}}