:root { color-scheme: dark; --bg:#090909; --surface:#161616; --line:#2d2d2d; --soft:#202020; --text:#f5f5f3; --muted:#aaa9a5; --dim:#777773; --green:#4ed582; --amber:#f2bd55; --red:#ff7474; --blue:#79adff; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; color:var(--text); background:var(--bg); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }
.admin-topbar { display:flex; align-items:center; justify-content:space-between; width:min(1180px,calc(100% - 40px)); height:68px; margin:auto; border-bottom:1px solid var(--soft); font-size:12px; }
.brand { display:flex; align-items:center; gap:10px; font-weight:750; }
.brand span { font-size:20px; }
.admin-topbar > a:last-child { color:var(--muted); }
main { width:min(1080px,calc(100% - 40px)); margin:auto; padding:64px 0 100px; }
.admin-head { padding-bottom:34px; border-bottom:1px solid var(--line); }
.admin-head > span,.admin-section header span { color:var(--green); font-size:9px; font-weight:800; letter-spacing:.12em; }
h1 { margin:8px 0 10px; font-size:clamp(48px,8vw,82px); line-height:.95; letter-spacing:-.065em; font-weight:590; }
.admin-head p { margin:0; color:var(--muted); font-size:13px; }
.admin-message { margin-top:28px; padding:22px 0; color:var(--muted); border-bottom:1px solid var(--line); }
.metric-grid { display:grid; grid-template-columns:repeat(6,1fr); border-bottom:1px solid var(--line); }
.metric { padding:26px 18px 26px 0; }
.metric strong { display:block; font-size:30px; letter-spacing:-.04em; }
.metric span { display:block; margin-top:7px; color:var(--muted); font-size:10px; }
.admin-section { padding-top:46px; }
.admin-section > header { display:flex; align-items:end; justify-content:space-between; gap:20px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.admin-section h2 { margin:5px 0 0; font-size:24px; letter-spacing:-.035em; }
.admin-section header small { color:var(--dim); font-size:10px; }
.scan-metrics { display:grid; grid-template-columns:repeat(6,1fr); }
.scan-metrics div { padding:22px 14px 22px 0; border-bottom:1px solid var(--soft); }
.scan-metrics strong,.scan-metrics span { display:block; }
.scan-metrics strong { font-size:24px; }
.scan-metrics span { margin-top:5px; color:var(--muted); font-size:10px; }
.resource-policy { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--soft); }
.resource-policy > div { padding:22px 14px 20px 0; }
.resource-policy strong,.resource-policy span { display:block; }
.resource-policy strong { font-size:24px; }
.resource-policy span { margin-top:5px; color:var(--muted); font-size:10px; }
.resource-policy p { grid-column:1/-1; margin:0; padding:0 0 20px; color:var(--muted); font-size:11px; }
.provider-row { display:grid; grid-template-columns:minmax(190px,1fr) 105px 85px 85px 150px 72px; align-items:center; gap:16px; min-height:78px; border-bottom:1px solid var(--soft); font-size:11px; }
.provider-row > div strong,.provider-row > div small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.provider-row > div strong { font-size:13px; }
.provider-row > div small { margin-top:6px; color:var(--dim); font-size:9px; }
.provider-row span,.provider-row small { color:var(--muted); }
.provider-action { min-height:34px; color:var(--text); background:transparent; border:1px solid var(--line); border-radius:8px; font:inherit; cursor:pointer; }
.provider-action:hover { border-color:var(--muted); }
.provider-action:disabled { opacity:.45; cursor:wait; }
.provider-state { display:flex; align-items:center; gap:7px; text-transform:capitalize; }
.provider-state i { width:7px; height:7px; border-radius:50%; background:var(--dim); }
.provider-state.healthy i { background:var(--green); }
.provider-state.degraded i,.provider-state.cooling_down i,.provider-state.paused i { background:var(--amber); }
.provider-state.not_configured i { background:var(--dim); }
.snapshot-row { display:grid; grid-template-columns:190px 1fr 1fr; gap:18px; padding:14px 0; border-bottom:1px solid var(--soft); color:var(--muted); font-size:11px; }
.snapshot-row strong { color:var(--text); }
@media(max-width:760px){ main{width:calc(100% - 28px);padding-top:38px}.metric-grid{grid-template-columns:repeat(2,1fr)}.scan-metrics{grid-template-columns:repeat(2,1fr)}.resource-policy{grid-template-columns:repeat(2,1fr)}.provider-row{grid-template-columns:minmax(0,1fr) 90px 66px}.provider-row > :nth-child(3),.provider-row > :nth-child(4),.provider-row > :nth-child(5){display:none}.snapshot-row{grid-template-columns:1fr}.admin-section>header{align-items:start;flex-direction:column}.admin-section header small{display:none} }
@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#f3f1ec;--surface:#fff;--line:#cecbc3;--soft:#dedbd3;--text:#171715;--muted:#5f5e59;--dim:#85837c}}