:root{color:#dde7ee;font-synthesis:none;text-rendering:optimizelegibility;background:#121416;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#171d1ff0,#0f1113fa),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 34px);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.consoleShell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#0d0f11db;border-right:1px solid #a7b7c429;align-self:start;height:100vh;padding:24px 18px;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:26px;display:flex}.brandMark{color:#67e8f9;background:#102027;border:1px solid #38bdf86b;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand strong,.brand span{display:block}.brand strong{color:#f8fafc;font-size:1rem}.brand span{color:#94a3b8;margin-top:2px;font-size:.82rem}.navList{gap:4px;display:grid}.navList a{color:#b8c5cf;border-radius:8px;align-items:center;gap:10px;min-height:38px;padding:8px 10px;text-decoration:none;display:flex}.navList a:hover{color:#fff;background:#94a3b81f}.workspace{min-width:0;padding:26px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.eyebrow{color:#67e8f9;text-transform:uppercase;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:inline-flex}h1,h2,p{margin:0}h1{color:#f8fafc;margin-top:7px;font-size:clamp(2rem,4vw,3.8rem);line-height:1}h2{color:#f8fafc;font-size:1.06rem}.iconButton{color:#ecfeff;background:#12313b;border:1px solid #67e8f95c;border-radius:8px;align-items:center;gap:9px;min-height:40px;padding:0 13px;display:inline-flex}.iconButton:hover{background:#16414d;border-color:#67e8f9b8}.controlBand{grid-template-columns:minmax(240px,360px) minmax(220px,1fr);gap:12px;margin-bottom:16px;display:grid}.selectField,.searchField{background:#14191bdb;border:1px solid #a7b7c42e;border-radius:8px;align-items:center;min-height:48px;display:flex}.selectField{gap:10px;padding:0 12px}.selectField span{color:#94a3b8;text-transform:uppercase;font-size:.8rem;font-weight:700}select,input{color:#f8fafc;background:0 0;border:0;outline:none;width:100%;min-width:0}select option{color:#101418}.searchField{color:#94a3b8;gap:10px;padding:0 14px}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.notice{color:#fecdd3;background:#4c1d276b;border:1px solid #fb718547;border-radius:8px;margin:-4px 0 16px;padding:12px 14px;font-size:.9rem}.metric,.panel{background:#121719d6;border:1px solid #a7b7c429;border-radius:8px;box-shadow:0 18px 48px #0000002e}.metric{min-height:132px;padding:16px}.metric svg{color:#67e8f9}.metric span,.metric small{color:#95a3af;display:block}.metric span{text-transform:uppercase;margin-top:12px;font-size:.78rem;font-weight:700}.metric strong{color:#f8fafc;margin-top:4px;font-size:1.7rem;display:block}.metric small{text-overflow:ellipsis;white-space:nowrap;margin-top:7px;overflow:hidden}.resourceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.panel{min-width:0;overflow:hidden}.panelHeader,.panelFooter{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panelHeader{border-bottom:1px solid #a7b7c41f;min-height:130px;padding:18px}.panelHeader p{color:#9eacb8;max-width:46rem;margin-top:7px;font-size:.92rem;line-height:1.45}.panelKicker{color:#94a3b8;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:.76rem;font-weight:800;display:flex}.statusDot{border-radius:999px;width:9px;height:9px}.statusDot.ok{background:#34d399;box-shadow:0 0 16px #34d39980}.statusDot.warn{background:#facc15}.statusDot.error{background:#fb7185}.panelMetric{text-align:right;min-width:72px}.panelMetric strong,.panelMetric span{display:block}.panelMetric strong{color:#f8fafc;font-size:1.7rem}.panelMetric span{color:#94a3b8;text-transform:uppercase;font-size:.76rem}.dataList{display:grid}.dataItem{border-bottom:1px solid #a7b7c41a}.dataItem summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:12px 18px;display:grid}.dataItem summary span{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dataItem summary small{color:#94a3b8}pre{color:#bbf7d0;background:#0307127a;margin:0;padding:14px 18px 18px;font-size:.78rem;line-height:1.5;overflow:auto}.errorBox{color:#fecdd3;white-space:pre-wrap}.emptyState,.listLimit{color:#94a3b8;padding:18px}.listLimit{border-top:1px solid #a7b7c41a;font-size:.86rem}.panelFooter{color:#7f8d99;padding:12px 18px;font-size:.78rem}.panelFooter span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=1180px){.metricGrid,.resourceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.consoleShell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #a7b7c429;border-right:0;height:auto;position:static}.navList{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:18px}.topbar,.controlBand{grid-template-columns:1fr}.topbar{display:grid}.metricGrid,.resourceGrid{grid-template-columns:1fr}}@media (width<=560px){.navList{grid-template-columns:1fr}.panelHeader,.dataItem summary,.panelFooter{grid-template-columns:1fr;display:grid}.panelMetric{text-align:left}.iconButton{justify-content:center;width:100%}}
