:root{
  color-scheme:dark;
  --bg:#070b10;--panel:#101821;--panel2:#151f2a;--border:#2a394a;
  --text:#e8eff7;--muted:#91a2b4;--accent:#299fe5;--good:#46d69b;--bad:#ff6d80;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top,#142231 0,var(--bg) 34%);color:var(--text);font-family:Inter,system-ui,sans-serif}
header{padding:22px clamp(14px,4vw,48px);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
h1,h2,h3,p{margin-top:0}.muted,header p,small{color:var(--muted)}
main{padding:22px clamp(14px,4vw,48px);display:grid;gap:20px}
.panel{background:rgba(16,24,33,.96);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:0 20px 55px rgba(0,0,0,.2)}
.section-title,.button-row,.input-with-unit,.inline{display:flex;align-items:center;gap:10px}.section-title{justify-content:space-between}
.status-box{display:grid;gap:7px;justify-items:end}.badge{border:1px solid var(--border);border-radius:999px;padding:8px 12px}.badge.good{color:var(--good);border-color:#276d51}.badge.bad{color:var(--bad);border-color:#7b3442}
.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:14px}.filter-grid label{margin:0}
label{display:block;margin:13px 0;color:var(--muted)}
input,select{width:100%;margin-top:6px;background:#080f16;color:var(--text);border:1px solid var(--border);border-radius:7px;padding:10px 11px}
input[type=checkbox]{width:auto;margin:0}.input-with-unit input{margin-top:6px}.input-with-unit span{margin-top:6px;white-space:nowrap;color:var(--muted)}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:8px}.hub-grid label{margin:0;padding:10px;background:var(--panel2);border:1px solid var(--border);border-radius:7px;color:var(--text)}
.filter-options{display:flex;flex-wrap:wrap;gap:20px;margin-top:14px}.filter-options label{margin:0}
button{background:#1a2938;color:var(--text);border:1px solid var(--border);border-radius:7px;padding:9px 12px;cursor:pointer}button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#126da7;border-color:#2a91cc}
.table-wrap{overflow:auto}table{width:100%;min-width:1450px;border-collapse:collapse}th,td{padding:10px 9px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{font-size:12px;text-transform:uppercase;color:var(--muted);white-space:nowrap}th[data-sort]{cursor:pointer}th[data-sort]:hover{color:var(--text)}
.item-name{font-weight:700}.subtle{font-size:12px;color:var(--muted)}.number{white-space:nowrap;font-variant-numeric:tabular-nums}.percent-good{font-weight:800;color:var(--good)}.empty{text-align:center;padding:42px;color:var(--muted)}
@media(max-width:800px){header,.section-title{flex-direction:column}.status-box{justify-items:start}.button-row{flex-wrap:wrap}}