:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090d;--panel:#0d1117;--panel-2:#11161d;--line:#94a3b824;--text:#edf2f7;--muted:#9aa7b6;--accent:#7ee2d1;--accent-2:#f6c177;--warn:#f3a64b;--ok:#22c55e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 0 0,#7ee2d114,#0000 26%),radial-gradient(circle at 100% 0,#f6c1770f,#0000 22%),linear-gradient(#06080c 0%,#080b10 56%,#050608 100%)}button,input{font:inherit}.app-shell{gap:10px;padding:12px;display:grid}.topbar,.panel,.stat-card,.auth-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0f141bf5,#0a0d12fa)}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.tabs{flex-wrap:wrap;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tab{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#0c1016f0;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.tab.active{color:var(--text);border-color:#7ee2d173;box-shadow:inset 0 0 0 1px #7ee2d11f}.eyebrow{color:var(--accent);letter-spacing:0;font-size:12px}h1{margin:4px 0 0;font-size:22px}h2{margin:0;font-size:16px}.toolbar{gap:8px;display:flex}.toolbar button,.auth-form button,.icon-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#12171ef2;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.icon-btn{justify-content:center;width:38px;height:38px;padding:0}.module-grid,.settings-grid,.region-editor,.region-grid,.model-grid,.dense-list{gap:10px;display:grid}.module-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.two-up,.four-up{grid-template-columns:repeat(12,minmax(0,1fr))}.span-full{grid-column:1/-1}.overview-layout>.overview-panel{grid-column:span 4}.four-up>*{grid-column:span 3}.two-up>*{grid-column:span 6}.two-up>.span-full,.four-up>.span-full{grid-column:1/-1}.two-up>.gpu-summary-panel{grid-column:span 4}.module-grid>.panel{min-width:0}.stat-card{align-items:center;gap:12px;padding:12px;display:flex}.overview-hero{gap:12px;display:grid}.overview-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.overview-trend-row{grid-template-columns:minmax(260px,1fr);align-items:start;gap:10px;display:grid}.overview-trend-copy{background:#080b10b8;border:1px solid #ffffff0d;align-content:center;justify-items:start;gap:3px;max-width:260px;padding:10px 12px;display:grid}.overview-trend-copy span{color:var(--muted);font-size:11px}.overview-trend-copy strong{font-size:16px}.sparkline{background:#080b10b8;border:1px solid #ffffff0d;width:100%;min-height:120px}.chart-stack{grid-template-columns:minmax(132px,.65fr) minmax(120px,1fr);align-items:center;gap:10px;display:grid}.donut-chart{justify-self:center;width:100%;max-width:192px}.donut-main{fill:var(--text);font-size:28px;font-weight:700}.donut-sub{fill:var(--muted);font-size:12px}.chart-legend{gap:10px;display:grid}.legend-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:10px;padding:10px 0;display:flex}.legend-row span{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.legend-row i{width:9px;height:9px;display:inline-block}.bar-chart{gap:12px;display:grid}.bar-chart.compact{gap:14px}.bar-chart-row{grid-template-columns:minmax(72px,.32fr) minmax(100px,1fr) minmax(42px,auto);align-items:center;gap:10px;display:grid}.bar-chart-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.bar-chart-track{background:#94a3b81f;height:10px;overflow:hidden}.bar-chart-track span{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat-icon{width:38px;height:38px;color:var(--accent);background:#7ee2d11f;border-radius:10px;place-items:center;display:grid}.stat-title{color:var(--muted);font-size:12px}.stat-value{margin-top:3px;font-size:20px}.panel{padding:12px}.gpu-summary-panel{grid-column:span 4;align-self:start;padding:10px}.gpu-summary-panel .panel-head{margin-bottom:10px}.gpu-summary-panel .metrics-row{gap:8px;margin-top:8px}.gpu-summary-panel .metric{padding:8px}.compact-panel{min-height:0}.wide{grid-column:span 2}.panel-head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.region-list,.server-list,.gateway-list,.stacked-models{gap:12px;display:grid}.region-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.model-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.dense-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dispatch-layout{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.dispatch-side{grid-column:span 4;gap:10px;min-width:0;display:grid}.dispatch-model-panel{grid-column:span 8;min-width:0}.dispatch-model-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:10px}.dispatch-base-panel,.dispatch-focus-panel,.dispatch-snapshot-panel{min-height:0}.dispatch-snapshot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dispatch-snapshot-item{background:#080b10b8;border:1px solid #ffffff0d;border-radius:6px;padding:9px 10px}.dispatch-snapshot-item span{color:var(--muted);font-size:11px;display:block}.dispatch-snapshot-item strong{margin-top:5px;font-size:15px;display:block}.compute-layout{align-items:start}.compute-layout>.stat-card{padding:12px}.compute-layout>.stat-card .stat-icon{width:34px;height:34px}.compute-layout>.stat-card .stat-value{font-size:20px}.compute-region-panel{grid-column:1/-1;padding-bottom:10px}.compute-region-panel .region-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compute-region-panel .region-card{padding:10px}.compute-region-panel .metrics-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0}.compute-region-panel .metric{padding:7px 8px}.compute-region-panel .metric strong{font-size:13px}.compute-region-panel .region-card-head strong{font-size:15px}.compute-region-panel .region-card-head span{font-size:11px}.compute-server-panel{grid-column:span 8}.compute-server-panel .server-list{gap:8px}.compute-server-panel .server-row{align-items:center;padding:9px 10px}.compute-server-panel .server-row strong{font-size:15px}.compute-server-panel .server-row span{font-size:11px}.compute-server-panel .pill{padding:6px 8px}.compute-offline-panel{padding-top:10px}.compute-offline-panel .region-card{padding:10px}.compute-offline-panel .metrics-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.storage-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-region-grid .metrics-row{grid-template-columns:repeat(4,minmax(0,1fr))}.storage-server-list{gap:8px}.storage-row{align-items:center}.storage-row small{color:var(--muted)}.storage-editor-row{grid-template-columns:1.3fr 1fr .9fr .9fr .9fr .9fr .7fr}.region-card,.server-row,.gateway-row,.model-row,.auth-panel{border:1px solid var(--line);background:#0b0e13c7}.offline-box{border-style:dashed}.offline-card{background:#1a130cc7;border-color:#f6c17738}.server-row,.gateway-row,.model-row,.region-card{padding:12px}.region-card-head,.server-row,.gateway-row,.model-row{justify-content:space-between;gap:12px;display:flex}.region-card-head span,.server-row span,.gateway-row span,.model-row span{color:var(--muted);font-size:12px;display:block}.metrics-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:8px 0;display:grid}.summary-metrics{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.metric{background:#070a13a6;border:1px solid #ffffff0d;padding:8px 10px}.metric span{color:var(--muted);font-size:11px;display:block}.metric strong{margin-top:5px;font-size:13px;display:block}.bar{background:#94a3b81a;height:6px;overflow:hidden}.bar span{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.focus-model{align-content:center;gap:5px;min-height:96px;display:grid}.focus-value{font-size:24px}.focus-meta{color:var(--accent)}.pill{border:1px solid var(--line);align-self:center;padding:7px 10px;font-size:12px}.pill.on{color:var(--ok)}.pill.off{color:var(--warn)}.settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:10px}.settings-grid label{color:var(--muted);gap:8px;font-size:12px;display:grid}.settings-grid input,.auth-form input,.region-editor-row input,.region-editor-row select{color:var(--text);border:1px solid var(--line);background:#090c11f5;padding:10px 11px}.region-editor-head,.region-editor-row{grid-template-columns:1.3fr .7fr .9fr .9fr .9fr 1fr .7fr;gap:8px;display:grid}.region-editor-head{color:var(--muted);margin-bottom:8px;font-size:12px}.ghost-cell{color:var(--muted);align-items:center;padding:0 6px;font-size:12px;display:flex}.server-editor-row{margin-top:10px}.settlement-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.settlement-grid .region-card{padding:10px}.settlement-grid .metrics-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settlement-grid .metric{padding:7px 9px}.owner-device-list{gap:6px;margin-top:8px;display:grid}.owner-device-row{background:#080c15b8;border:1px solid #ffffff0d;grid-template-columns:1.1fr 1.15fr .55fr;gap:8px;padding:8px 10px;font-size:12px;display:grid}.owner-device-row span{color:var(--muted)}.footnote{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.base-url-strip{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.base-url-strip span{color:var(--muted);font-size:12px;display:block}.base-url-strip strong{color:var(--text);font-size:18px;line-height:1.1;display:block}.notice{color:var(--accent);margin-top:10px}.editor-fold{border-top:1px solid var(--line);margin-bottom:10px;padding-top:8px}.footer-panel{padding:10px 12px}.footer-toggle{border-top:0;margin:0;padding-top:0}.editor-fold summary{cursor:pointer;color:var(--accent);margin-bottom:10px;list-style:none}.editor-fold summary::-webkit-details-marker{display:none}.footer-summary{align-items:center;min-height:26px;font-size:12px;display:inline-flex;color:var(--muted)!important;margin-bottom:0!important}.footer-toggle[open] .footer-summary{margin-bottom:12px!important}.footer-head{margin-top:4px}.footer-note{margin-top:12px}.auth-shell{place-items:center;min-height:100vh;padding:16px;display:grid}.auth-panel{width:min(520px,100%);padding:22px}.auth-title{font-size:26px}.auth-subtitle{color:var(--muted);margin-top:8px}.auth-form{gap:10px;margin-top:18px;display:grid}.panel-head{margin-bottom:10px}.panel-head span,.region-card-head span,.server-row span,.gateway-row span,.model-row span,.footnote,.footer-summary,.notice{line-height:1.35}.server-row strong,.gateway-row strong,.model-row strong,.region-card-head strong{font-size:14px}.server-row,.gateway-row,.model-row,.region-card,.panel,.stat-card,.auth-panel,.topbar{border-radius:8px}.tabs .tab{border-radius:999px}.toolbar button:hover,.auth-form button:hover,.icon-btn:hover,.tab:hover{border-color:#7ee2d147}.bar,.metric,.owner-device-row,.overview-trend-copy,.sparkline{border-radius:6px}.gateway-row,.server-row,.model-row{gap:10px}.region-grid,.dense-list,.server-list,.gateway-list,.stacked-models{align-content:start}.panel{box-shadow:inset 0 1px #ffffff05}.overview-layout>.span-full,.compute-layout>.span-full,.panel.span-full{min-width:0}@media (width<=1080px){.module-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.four-up>*{grid-column:span 3}.two-up>*{grid-column:span 6}.two-up>.span-full,.four-up>.span-full,.dispatch-side,.dispatch-model-panel{grid-column:1/-1}.dispatch-model-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.dispatch-side{grid-template-columns:repeat(3,minmax(0,1fr))}.dispatch-base-panel,.dispatch-focus-panel,.dispatch-snapshot-panel{min-width:0}.dispatch-snapshot-grid{grid-template-columns:1fr}.overview-layout>.overview-panel{grid-column:span 6}.overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-trend-row{grid-template-columns:1fr}.region-editor-head,.region-editor-row{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:auto}.compute-region-panel .region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compute-server-panel,.gpu-summary-panel{grid-column:span 6}.overview-stats,.storage-overview-stats{grid-template-columns:1fr}.storage-region-grid .metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.app-shell{gap:8px;padding:8px}.topbar{flex-direction:column;align-items:stretch;padding:10px 11px}.toolbar{flex-direction:row;justify-content:flex-end}.module-grid{grid-template-columns:1fr}.four-up>*,.two-up>*,.gpu-summary-panel,.compute-region-panel,.compute-server-panel,.compute-offline-panel{grid-column:1/-1}.compute-region-panel .region-grid,.compute-offline-panel .region-grid{grid-template-columns:1fr}.dispatch-side,.dispatch-model-panel{grid-column:1/-1}.dispatch-side,.dispatch-model-grid,.dispatch-snapshot-grid,.overview-kpis,.chart-stack{grid-template-columns:1fr}.overview-trend-copy{max-width:none}.region-editor-head,.region-editor-row{grid-template-columns:1fr}.region-card-head,.server-row,.gateway-row,.model-row,.panel-head{flex-direction:column}.base-url-strip{flex-direction:column;align-items:flex-start}.owner-device-row,.storage-region-grid .metrics-row,.overview-kpis,.overview-stats,.metrics-row,.summary-metrics,.compute-region-panel .metrics-row,.compute-offline-panel .metrics-row{grid-template-columns:1fr}.tabs{flex-wrap:nowrap;margin-right:-8px;padding-right:8px}.tab{flex:none}.footer-panel{padding:8px 10px}.auth-panel{padding:18px}}
