:root{font-family:Inter,system-ui,sans-serif;color-scheme:dark;background:#07101d;color:#e8eef8}*{box-sizing:border-box}body{margin:0;background:#07101d}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #243249;background:#0b1524}header div{display:flex;gap:12px;align-items:center}header span{color:#94a3b8}.hidden{display:none!important}button,input,select{font:inherit}button{border:1px solid #334155;background:#18263b;color:#e8eef8;border-radius:8px;padding:8px 12px;cursor:pointer}button:hover{border-color:#60a5fa}input,select{width:100%;background:#07101d;color:#e8eef8;border:1px solid #334155;border-radius:8px;padding:10px}label{display:grid;gap:6px;color:#cbd5e1}.login{max-width:430px;margin:80px auto}.card{background:#0d1829;border:1px solid #233249;border-radius:12px;padding:18px}.login form,.grid form{display:grid;gap:14px}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 64px)}nav{padding:20px 14px;border-right:1px solid #243249;display:flex;flex-direction:column;gap:8px}nav aside{margin-top:auto;padding:14px;border:1px solid #243249;border-radius:10px;display:grid;gap:7px;color:#94a3b8}.nav{text-align:left;background:transparent}.nav.active{background:#17233a;border-color:#3b82f6}.content{padding:28px;min-width:0}.view{display:none}.active-view{display:block}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.heading h1{margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metrics article{background:#0d1829;border:1px solid #233249;border-radius:12px;padding:18px;display:grid;gap:7px}.metrics b{font-size:28px}.metrics span,.metrics small,p{color:#94a3b8}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #233249;white-space:nowrap}th{color:#94a3b8;font-size:12px}.status-pill{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid #475569;font-size:11px}.good{color:#86efac;border-color:#166534}.warn{color:#fde68a;border-color:#92400e}.bad{color:#fca5a5;border-color:#991b1b}.sub{display:block;color:#64748b;font-size:12px;margin-top:4px}.actions{display:flex;gap:6px}.notice{padding:10px 12px;border:1px solid #1d4ed8;border-radius:8px;color:#bfdbfe}.error{color:#fca5a5}@media(max-width:900px){.layout{grid-template-columns:1fr}nav{border-right:0;border-bottom:1px solid #243249;flex-direction:row;flex-wrap:wrap}nav aside{width:100%;margin-top:8px}.metrics,.grid{grid-template-columns:1fr 1fr}.content{padding:18px}}@media(max-width:560px){header{height:auto;padding:14px;align-items:flex-start;gap:12px;flex-direction:column}header div{flex-wrap:wrap}.metrics,.grid{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.login{margin:30px 14px}}