@font-face{font-family:Geist;src:url('/fonts/Geist-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('/fonts/Geist-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Geist;src:url('/fonts/Geist-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Geist;src:url('/fonts/Geist-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/fonts/GeistMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root {
  font-family:Geist,Arial,sans-serif;
  font-size:14px;
  font-variant-numeric:tabular-nums;
  color-scheme:dark;
  color:var(--text);
  background:var(--background);
  --background:#000;
  --surface:#000;
  --surface-raised:#181818;
  --surface-active:#303030;
  --text:#f2f2f2;
  --text-strong:#fff;
  --secondary:#bfbfbf;
  --muted:#8a8a8a;
  --line:#303030;
  --line-subtle:#1c1c1c;
  --grid:#252525;
  --underline:#666;
  --hover-bg:#ffffff08;
  --selected-bg:#ffffff0d;
  --badge-bg:#ffffff06;
  --primary-bg:#fff;
  --primary-text:#000;
  --primary-hover:#ddd;
  --focus:#fff;
  --green:#2fe3ac;
  --success-bg:#2fe3ac14;
  --danger:#ec397a;
  --warning:#e27c4d;
  --warning-bg:#e27c4d14;
  --warning-border:#e27c4d50;
  --chart-bar:#bfbfbf;
  --chart-bar-hover:#fff;
  --chart-cpu:#2fe3ac;
  --chart-memory:#8aa8ff;
  --chart-disk:#e8ae68;
  --backdrop:#000c;
  --scrollbar-track:var(--background);
  --scrollbar-thumb:#666;
  --scrollbar-hover:#999;
  --scrollbar-active:#bfbfbf;
}
:root[data-theme="light"] {
  color-scheme:light;
  --background:#f3f5f7;
  --surface:#fff;
  --surface-raised:#e9edf2;
  --surface-active:#dce3ec;
  --text:#1d2530;
  --text-strong:#17202c;
  --secondary:#455163;
  --muted:#637083;
  --line:#cfd6df;
  --line-subtle:#e6eaf0;
  --grid:#e3e8ee;
  --underline:#a3afbf;
  --hover-bg:#edf1f6;
  --selected-bg:#e8edf4;
  --badge-bg:#edf1f6;
  --primary-bg:#243247;
  --primary-text:#fff;
  --primary-hover:#34465f;
  --focus:#365f9d;
  --green:#087a57;
  --success-bg:#e6f5ed;
  --danger:#be2758;
  --warning:#a65312;
  --warning-bg:#fff2e5;
  --warning-border:#e6b991;
  --chart-bar:#586f8e;
  --chart-bar-hover:#324a6b;
  --chart-cpu:#087a57;
  --chart-memory:#4366c4;
  --chart-disk:#a56512;
  --backdrop:#0f172a66;
  --scrollbar-thumb:#97a4b6;
  --scrollbar-hover:#76859a;
  --scrollbar-active:#5a6a80;
}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:transparent;transition:background .125s,color .125s}button:hover{background:var(--surface-raised);color:var(--text-strong)}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}input{color:inherit;background:var(--surface);border:1px solid var(--line)}
header{height:64px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);gap:32px;background:var(--surface)}.brand{display:flex;gap:10px;align-items:center;white-space:nowrap}.brand svg{width:28px;height:28px}.brand svg path:last-child{stroke:var(--text-strong)}.brand strong{font-size:17px;font-weight:600;letter-spacing:-.5px}.brand strong span{font-weight:400}nav{display:flex;height:100%;gap:24px;align-items:center}nav button{padding:0;height:100%;font-size:14px;font-weight:500;color:var(--secondary)}nav button.selected{color:var(--text-strong);font-weight:600}.header-right{display:flex;align-items:center;gap:12px;margin-left:auto}.server-tag{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 12px}.pill{height:32px;border-radius:999px;padding:0 12px;border:1px solid var(--line);font-size:12px;font-weight:600;background:var(--surface);white-space:nowrap}.round{width:28px;height:28px;font-size:22px;border-radius:4px;color:var(--secondary)}#logout{background:var(--surface-active);border-color:var(--line)}main{padding:24px;max-width:1920px;margin:0 auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}h1{font-size:20px;font-weight:500;letter-spacing:-.4px;margin:0}.heading-controls{display:flex;align-items:center;gap:16px}.live{color:var(--muted);font-size:12px}.summary{display:flex;align-items:center;gap:0;padding:0 0 22px;margin:0 0 20px;border-bottom:1px solid var(--line)}.summary-card{padding:0 36px;border-right:1px solid var(--line);min-width:180px}.summary-card:first-child{padding-left:0}.summary-card:last-child{border:0}.summary-card .label{font-size:12px;color:var(--muted)}.summary-card .value{font-size:20px;font-weight:500;letter-spacing:-.4px;margin-top:7px}.summary-card .value .muted{font-size:16px}.summary-card .hint,.summary-card .mini-mark{display:none}.muted{color:var(--muted)}.green{color:var(--green)}.red{color:var(--danger)}.tiny{font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:168px minmax(0,1fr);gap:20px}aside{border-right:1px solid var(--line);padding:0 12px 0 0}.aside-label{color:var(--muted);font-size:12px;margin:0 0 12px 12px}.program{display:flex;align-items:center;width:100%;gap:10px;text-align:left;padding:10px 10px;border-radius:4px;margin-bottom:4px;border:1px solid transparent}.program.active{color:var(--text-strong);background:var(--selected-bg);border-color:var(--line)}.program .name{font-size:12px;font-weight:500}.program small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px}.program .dot{margin-left:auto;flex-shrink:0}.tool-icon{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;flex-shrink:0;background:var(--surface);border:1px solid var(--line);border-radius:4px;font-size:11px;font-weight:500;color:var(--secondary);font-family:'Geist Mono',monospace}.dot{width:5px;height:5px;border-radius:50%;background:var(--muted);display:inline-block}.dot.on{background:var(--green)}.content{min-width:0}.panel{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--surface)}.section-heading{height:48px;padding:0 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.tabs{display:flex;align-self:stretch;gap:24px}.tabs button{position:relative;padding:0;color:var(--muted);font-size:14px;font-weight:500;white-space:nowrap}.tabs button.active{color:var(--text-strong)}.tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--text-strong)}.tabs span{color:var(--secondary);font-size:12px;margin-left:6px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{height:36px;padding:0 12px;font-weight:400;font-size:12px;color:var(--muted);text-align:left;border-bottom:1px solid var(--line)}td{height:60px;padding:10px 12px;border-top:1px solid var(--line-subtle);color:var(--secondary)}.services td{height:64px}.table-tool{display:flex;align-items:center;gap:12px}.table-tool strong{font-size:14px;font-weight:500;letter-spacing:-.2px;color:var(--text)}.table-tool small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.table-tool .tool-icon{width:36px;height:36px}tr.chosen{background:var(--hover-bg)}tbody tr:hover{background:var(--hover-bg)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-size:12px;color:var(--muted);background:var(--badge-bg);padding:2px 6px;white-space:nowrap}.badge.running{color:var(--green);background:var(--success-bg)}.badge.restarting,.badge.unavailable{color:var(--warning);background:var(--warning-bg)}.row-open{height:28px;border:1px solid var(--line);padding:0 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--primary-text);background:var(--primary-bg)}.row-open:hover{color:var(--primary-text);background:var(--primary-hover)}.detail{margin-top:16px}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 12px}.detail-name{display:flex;gap:12px;align-items:center}h2{font-size:16px;font-weight:500;letter-spacing:-.3px;margin:0 0 4px}.detail-name p{font-size:12px;color:var(--muted);margin:0}.note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding:10px 12px;line-height:1.5}.detail-metrics{display:flex;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:auto}.metric{padding:0 20px;min-width:120px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric small{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.metric strong{font-size:20px;font-weight:500;letter-spacing:-.4px}.metric .muted{font-size:12px}input[type=search]{height:28px;width:190px;padding:0 12px;border-radius:999px;font-size:12px}input::placeholder{color:var(--muted)}.chart-wrap{padding:16px 12px 0}.chart-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:16px}.chart{height:140px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 34px,var(--grid) 35px)}.bar{flex:1;min-width:4px;max-width:64px;background:var(--chart-bar);border-radius:2px 2px 0 0;min-height:2px}.bar:hover{background:var(--chart-bar-hover)}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:10px 0 12px}.data-footer{padding:10px 12px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.empty{padding:32px 12px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}.empty strong{font-weight:500;display:block;color:var(--secondary);margin-bottom:4px}.logs-toolbar{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:12px}.logs{margin:0;padding:0 12px 16px;max-height:360px;overflow:auto;font:11px/1.9 'Geist Mono',monospace;color:var(--secondary);white-space:pre-wrap;overflow-wrap:anywhere}.alert{border:1px solid var(--warning-border);border-radius:4px;padding:10px 12px;font-size:12px;color:var(--warning);margin-bottom:16px}.login-wrap{min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.login-card{width:360px;padding:28px 24px;border:1px solid var(--line);border-radius:4px}.eyebrow{color:var(--muted);font-size:12px;margin-bottom:16px}.login-card h1{font-size:24px}.login-card p{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 0 24px}.login-card label{display:block;font-size:12px;color:var(--secondary);margin-bottom:8px}.login-card input{width:100%;height:36px;border-radius:4px;padding:0 12px;font-size:12px}.login-card input+label{margin-top:16px}.primary{display:flex;justify-content:space-between;align-items:center;height:32px;margin-top:12px;width:100%;padding:0 12px;border-radius:999px;background:var(--primary-bg);color:var(--primary-text);font-size:14px;font-weight:700}.primary:hover{background:var(--primary-hover);color:var(--primary-text)}.login-card small{display:block;text-align:center;font-size:11px;color:var(--muted);margin-top:20px}.login-card p.red{color:var(--danger);margin-bottom:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}
@media(min-width:1500px){.content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.detail{margin-top:0}.services th,.services td{padding-left:10px;padding-right:10px}.services th:nth-child(4),.services td:nth-child(4),.services th:nth-child(5),.services td:nth-child(5){display:none}.table-tool small{max-width:150px;overflow:hidden;text-overflow:ellipsis}.summary-card{min-width:220px}}
@media(max-width:1100px){header{gap:24px;padding:0 16px}nav{gap:16px}nav button{font-size:12px}.brand strong{font-size:15px}.server-tag{display:none}.summary-card{padding:0 22px;min-width:150px}.workspace{grid-template-columns:150px minmax(0,1fr);gap:16px}.program{padding:9px 6px;gap:8px}.program .name{font-size:11px}.program .tool-icon{width:26px;height:26px;font-size:10px}.program small{font-size:10px}main{padding-left:16px;padding-right:16px}.services th:nth-child(5),.services td:nth-child(5){display:none}}
@media(max-width:760px){header{height:auto;min-height:64px;gap:12px;flex-wrap:wrap;padding:14px 16px 0}.brand strong{font-size:16px}nav{order:3;height:40px;width:100%;justify-content:space-between;gap:12px}nav button{font-size:12px}.header-right{gap:8px}main{padding-top:20px}.heading{margin-bottom:20px}h1{font-size:20px}.heading-controls{gap:8px}.live{display:none}.summary{flex-wrap:wrap;gap:16px 0;padding-bottom:20px;margin-bottom:16px}.summary-card{width:50%;min-width:0;padding:0 16px}.summary-card:nth-child(odd){padding-left:0}.summary-card:nth-child(even){border:0}.summary-card .label{font-size:11px}.summary-card .value{font-size:20px;margin-top:5px}.workspace{display:flex;flex-direction:column;gap:16px}aside{border:0;padding:0;overflow:auto}.aside-label{display:none}#programs{display:flex;gap:6px;min-width:max-content}.program{width:auto;border:1px solid var(--line);border-radius:999px;padding:0 12px;height:32px;margin:0;gap:0}.program.active{background:var(--primary-bg);color:var(--primary-text);border-color:var(--text-strong)}.program .name{font-size:12px;font-weight:600}.program .tool-icon,.program small,.program .dot{display:none}.content{width:100%}.services th:nth-child(3),.services td:nth-child(3){display:none}.services td{height:64px}.services th,.services td{padding-left:10px;padding-right:10px}.table-tool{gap:8px}.table-tool strong{font-size:12px}.table-tool small{font-size:10px}.table-tool .tool-icon{height:28px;width:28px;font-size:9px}.badge{font-size:11px}.detail .section-heading{height:auto;min-height:48px;flex-wrap:wrap;padding-bottom:10px;gap:0}.detail .tabs{height:46px;gap:20px}.tabs button{font-size:12px}.detail input{width:100%}.metric{padding:0 12px;min-width:105px}.metric small{font-size:11px}.chart-caption{font-size:11px}.heading #export{font-size:11px}.detail-name p{font-size:11px}.note{font-size:11px}.login-card{width:calc(100% - 32px);max-width:360px;margin:30px 0}.login-wrap{min-height:calc(100vh - 150px)}}

.content.single{display:block}.content.single .detail{margin-top:0}.content.single .service-panel{width:100%}.service-panel .table-scroll{scrollbar-gutter:stable}.program:focus-visible{outline-offset:-2px}nav button[aria-pressed=true]{color:var(--text-strong)}#detail{scroll-margin-top:16px}

.person{display:flex;align-items:center;gap:10px;min-width:180px}.avatar{width:36px;height:36px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:var(--surface-raised);color:var(--secondary);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-size:14px}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.person-text{min-width:0}.person-text strong{display:block;font-size:14px;font-weight:500;color:var(--text);max-width:260px;overflow:hidden;text-overflow:ellipsis}.person-text small{display:block;font-size:11px;color:var(--muted);margin-top:4px;max-width:360px;overflow:hidden;text-overflow:ellipsis}.person-id{font-size:10px}.people-table td{height:66px}.duration-value{font-weight:500;color:var(--text)}.request-state{color:var(--secondary)}.request-state.positive{color:var(--green)}.detail-metrics{flex-wrap:wrap;gap:16px 0}.metric strong{font-size:18px;white-space:nowrap}.insights{padding:20px 16px}.insight-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.insight-heading h3{font-size:16px;line-height:1.4;font-weight:500;margin:0 0 6px;color:var(--text)}.insight-heading p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.period-switch{display:flex;flex-shrink:0;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.period-switch button{border-radius:999px;padding:5px 12px;font-size:12px;font-weight:500;white-space:nowrap;color:var(--muted)}.period-switch button.active{background:var(--primary-bg);color:var(--primary-text)}.insight-period{font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}.insight-period span{color:var(--muted)}.chart-kpis{display:flex;gap:28px;margin:22px 0 26px;padding-bottom:20px;border-bottom:1px solid var(--grid)}.chart-kpis>div{min-width:120px}.chart-kpis small{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.chart-kpis strong{font-size:22px;letter-spacing:-.5px;font-weight:500;display:inline-block}.chart-kpis strong span{font-size:14px;color:var(--muted);letter-spacing:0}.chart-kpis>div>span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.plot-heading{font-size:11px;color:var(--secondary);display:flex;justify-content:space-between}.plot-heading span{color:var(--muted)}.svg-chart{width:100%;overflow:auto}.svg-chart svg{display:block;width:100%;min-width:420px;height:auto;max-height:300px;font-family:Geist,sans-serif}.chart-grid{stroke:var(--grid);stroke-width:1}.axis-label{fill:var(--muted);font-size:12px}.value-label{fill:var(--text);font-size:12px;font-weight:500}.chart-column{fill:var(--chart-bar);transition:fill .125s}.chart-point:hover .chart-column,.chart-point:focus .chart-column{fill:var(--chart-bar-hover)}.chart-point:focus{outline:none}.chart-point:focus .chart-column{stroke:var(--text-strong);stroke-width:2}.missing-mark{stroke:var(--muted);stroke-width:2;stroke-dasharray:3 3}.chart-legend{display:flex;gap:22px;font-size:11px;color:var(--muted);margin:12px 0}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:7px;height:7px;background:var(--chart-bar);border-radius:1px}.chart-legend i.missing{background:none;border-top:2px dashed var(--muted);border-radius:0;height:0}.chart-help{font-size:12px;color:var(--muted);padding:12px 0;border-bottom:1px solid var(--grid)}.chart-help summary,.daily-details summary{cursor:pointer;color:var(--secondary);font-size:12px}.chart-help p{line-height:1.7;margin:10px 0 0;max-width:650px}.daily-details{margin-top:14px}.daily-details h4{font-size:12px;font-weight:500;margin:0 0 12px}.daily-details table{margin-top:10px}.daily-details td{height:36px;padding-top:6px;padding-bottom:6px}.leaderboard{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.leaderboard .insight-heading{margin-bottom:16px}.leader-row{display:grid;grid-template-columns:16px minmax(180px,1fr) auto;column-gap:12px;row-gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-subtle)}.leader-row:last-child{border:0}.leader-rank{color:var(--muted);font-size:12px}.leader-row>strong{font-size:14px;font-weight:500;white-space:nowrap}.leader-row meter{grid-column:2/4;width:100%;height:3px;border:0;background:var(--surface-raised);border-radius:2px;appearance:none}.leader-row meter::-webkit-meter-bar{background:var(--surface-raised);border:0;border-radius:2px}.leader-row meter::-webkit-meter-optimum-value{background:var(--muted);border-radius:2px}.leader-row meter::-moz-meter-bar{background:var(--muted)}.insights .empty{padding:22px 0}.people-table th:first-child{min-width:240px}
@media(max-width:760px){.insights{padding:18px 12px}.insight-heading{gap:12px;flex-wrap:wrap}.insight-heading h3{font-size:15px}.insight-heading p{font-size:11px}.period-switch button{font-size:11px;padding:4px 10px}.chart-kpis{gap:16px;flex-wrap:wrap;margin:18px 0}.chart-kpis>div{min-width:105px}.chart-kpis strong{font-size:19px}.chart-kpis small{font-size:10px}.metric strong{font-size:16px}.person-text strong{font-size:13px;max-width:180px}.person-text small{font-size:10px}.person-id{display:none}.leader-row{grid-template-columns:14px minmax(140px,1fr) auto;column-gap:8px}.leader-row .person{min-width:0}.leader-row>strong{font-size:12px}.leader-row .avatar{height:32px;width:32px}.svg-chart svg{min-width:420px}.axis-label{font-size:13px}}

.login-wrap{min-height:100vh}
.workspace,.content{display:block}.detail{margin-top:0}nav#programs{display:flex;gap:24px;min-width:0;overflow-x:auto;overflow-y:hidden;height:64px;align-items:stretch}.program-tab{flex-shrink:0;font-size:13px;font-weight:500;position:relative;color:var(--muted);padding:0;white-space:nowrap}.program-tab.selected{color:var(--text-strong)}.program-tab.selected:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--text-strong)}.person-button{text-align:left;padding:0;border:0;background:transparent;width:100%;border-radius:4px}.person-button:hover{background:var(--hover-bg)}.person-button strong{text-decoration:underline;text-decoration-color:var(--underline);text-underline-offset:4px}.personal-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.money-chart{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.money-total{font-size:20px;font-weight:500;white-space:nowrap}.valuation-note{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:6px}.check-history,.money-values{margin:16px 12px;font-size:12px;color:var(--secondary)}.check-history summary,.money-values summary{cursor:pointer;padding:8px 0}.check-history .table-scroll{margin-top:8px}.steam-input{max-width:280px;overflow:hidden;text-overflow:ellipsis}#detailTitle{overflow-wrap:anywhere}@media(max-width:1000px){header{gap:16px;flex-wrap:wrap;height:auto;padding-top:12px}nav#programs{order:3;width:100%;height:44px;gap:22px}.header-right{margin-left:auto}.program-tab{font-size:12px}header .brand{padding-bottom:4px}}@media(max-width:760px){.personal-banner{align-items:flex-start;flex-wrap:wrap}.money-total{font-size:18px}.money-chart .insight-heading{margin-bottom:14px}nav#programs{gap:20px;justify-content:flex-start}.person-button{min-width:180px}.check-history{margin:12px}.detail-name{min-width:0}.detail-name>div{min-width:0}.detail-header{gap:12px}}

/* Account access follows the same compact, monochrome panel language. */
dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:0;width:min(720px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto}dialog::backdrop{background:var(--backdrop)}.access-dialog{padding:24px}.access-heading,.access-list-heading,.account-row,.reset-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.access-heading h2,.access-list-heading h3,.access-form h3{margin:0;font-size:16px;font-weight:500}.access-heading p,.access-list-heading span{color:var(--muted);font-size:12px}.access-form{margin-top:24px;padding:18px 0;border-top:1px solid var(--line)}.access-fields{display:grid;grid-template-columns:1fr 1fr 140px;gap:12px;margin-top:16px}.access-form label{display:block;font-size:12px;color:var(--secondary);margin-bottom:8px}.access-form input,.access-form select{width:100%;height:36px;border:1px solid var(--line);border-radius:4px;padding:0 10px;background:var(--surface);color:var(--text);font:inherit;font-size:12px}.access-form select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.access-submit{width:auto;padding:0 16px;white-space:nowrap}.access-list-heading{border-top:1px solid var(--line);padding-top:18px}.account-row{padding:14px 0;border-bottom:1px solid var(--line-subtle)}.account-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.account-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.account-actions{display:flex;gap:8px;flex-shrink:0}.account-actions button:disabled{cursor:not-allowed}.reset-form input{max-width:420px}.reset-actions{justify-content:flex-start}.access-message{min-height:1.4em;color:var(--secondary);font-size:12px}.access-message.error{color:var(--danger)}
@media(max-width:600px){.access-dialog{padding:18px}.access-fields{grid-template-columns:1fr}.access-heading{align-items:flex-start}.account-row{align-items:flex-start;flex-direction:column;gap:10px}.access-list-heading{align-items:flex-start;flex-direction:column;gap:4px}.access-list-heading span{margin-bottom:4px}.reset-actions{flex-wrap:wrap}}

/* Host resources use the existing panel and type scale. */
.server-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 18px;border-bottom:1px solid var(--line)}.server-heading h2{font-size:16px}.server-heading p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.server-updated{font-size:11px;color:var(--muted);white-space:nowrap}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.resource-card{padding:22px 18px 24px;min-width:0}.resource-card+.resource-card{border-left:1px solid var(--line)}.resource-label{display:flex;justify-content:space-between;align-items:center;gap:8px}.resource-label h3{margin:0;font-size:13px;font-weight:500;color:var(--secondary)}.resource-label span{font:11px 'Geist Mono',monospace;color:var(--muted)}.resource-value{display:block;margin-top:22px;font-size:30px;line-height:1.1;font-weight:500;letter-spacing:-.7px}.resource-card p{min-height:18px;margin:9px 0 20px;font-size:12px;color:var(--muted)}.resource-card small{display:block;min-height:16px;margin-top:10px;color:var(--muted);font-size:11px}.resource-card meter{display:block;width:100%;height:8px;border:0;background:var(--line-subtle);border-radius:999px}.resource-card meter::-webkit-meter-bar{height:8px;border:0;background:var(--line-subtle);border-radius:999px}.resource-card meter::-webkit-meter-optimum-value{background:var(--text);border-radius:999px}.resource-card meter::-moz-meter-bar{background:var(--text);border-radius:999px}
@media(max-width:760px){.resource-grid{grid-template-columns:1fr}.resource-card+.resource-card{border-left:0;border-top:1px solid var(--line)}.resource-card{padding:18px 16px}.resource-value{margin-top:15px;font-size:26px}.resource-card p{margin-bottom:14px}.server-heading{padding:16px;flex-wrap:wrap;gap:8px}}
@media(max-width:1000px){nav#programs{min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:thin}nav#programs .program-tab{flex:0 0 auto}}

/* Live host history: colors distinguish the three series, never their status. */
.host-history{border-top:1px solid var(--line);padding:22px 18px 20px}.history-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.history-heading h3{font-size:15px;font-weight:500;margin:0}.history-heading p{font-size:12px;color:var(--muted);margin:7px 0 0;line-height:1.5}.host-legend{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0 18px;color:var(--secondary);font-size:12px}.host-legend span{display:flex;align-items:center;gap:7px}.host-legend i{width:9px;height:9px;border-radius:50%;flex:none}.host-legend strong{font-weight:500;color:var(--text)}.legend-cpu{background:var(--chart-cpu)}.legend-memory{background:var(--chart-memory)}.legend-disk{background:var(--chart-disk)}.host-chart-layout{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px}.host-axis{height:220px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font:11px 'Geist Mono',monospace;color:var(--muted);padding:0 0 1px}.host-chart{height:220px;width:100%}.host-chart svg{width:100%;height:100%;display:block;overflow:visible}.host-grid{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.host-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.host-dot{stroke:none}.host-line.host-cpu{stroke:var(--chart-cpu)}.host-line.host-memory{stroke:var(--chart-memory)}.host-line.host-disk{stroke:var(--chart-disk)}.host-dot.host-cpu{fill:var(--chart-cpu)}.host-dot.host-memory{fill:var(--chart-memory)}.host-dot.host-disk{fill:var(--chart-disk)}.host-chart-times{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font:11px 'Geist Mono',monospace;margin-top:10px}.host-chart-message{font-size:11px;color:var(--muted);margin:16px 0 0;line-height:1.5}
@media(max-width:760px){.host-history{padding:20px 16px}.history-heading{flex-wrap:wrap}.history-heading h3{font-size:14px}.history-heading p{font-size:11px}.host-legend{gap:10px 16px;margin:20px 0 16px}.host-chart-layout{grid-template-columns:40px minmax(0,1fr);gap:7px}.host-chart,.host-axis{height:190px}.host-chart-times,.host-axis{font-size:10px}}


/* Shared appearance control, available on the login screen and in the header. */
.theme-toggle{min-width:132px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0}
.theme-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-moon{display:none}
:root[data-theme="light"] .theme-sun{display:none}
:root[data-theme="light"] .theme-moon{display:block}
.login-wrap{position:relative;min-height:100svh;padding:80px 16px 32px}
.login-theme{position:absolute;top:20px;right:24px}
.login-card{background:var(--surface)}
*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}
::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}
::-webkit-scrollbar-thumb:active{background:var(--scrollbar-active)}
@media(max-width:600px){.header-right .theme-toggle{min-width:32px;width:32px;padding:0}.header-right .theme-toggle span{display:none}.login-theme{right:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){*{scrollbar-color:auto}.theme-toggle:focus-visible{outline:2px solid Highlight}}
.stats-mode{display:flex;gap:6px;padding:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap}.stats-mode button{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;color:var(--secondary)}.stats-mode button[aria-pressed=true]{background:var(--primary-bg);color:var(--primary-text);border-color:var(--primary-bg)}.voice-channels{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.voice-channels h3{font-size:15px;font-weight:500;margin:0 0 8px}.voice-channels>p{font-size:12px;color:var(--muted);line-height:1.5}.live-voice{color:var(--green);font-size:11px;display:block;margin-top:4px}