:root{--bg:#0f0f0f;--surface:#1a1a1a;--border:#2a2a2a;--text:#e5e5e5;--text-secondary:#888;--accent:#3b82f6;--success:#22c55e;--warning:#eab308;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5}.app{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:.25rem;width:220px;padding:1.5rem 1rem;display:flex}.sidebar h2{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.sidebar a{color:var(--text-secondary);border-radius:6px;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:background .15s,color .15s}.sidebar a:hover{background:var(--border);color:var(--text)}.sidebar a.active{background:var(--accent);color:#fff}.content{flex:1;padding:2rem;overflow-y:auto}.page-title{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.card h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem}.card .value{font-size:2rem;font-weight:700}.card .subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.8rem}.status-ok{color:var(--success)}.status-warn{color:var(--warning)}.status-error{color:var(--danger)}.table{border-collapse:collapse;width:100%;margin-top:1rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.625rem .75rem;font-size:.875rem}.table th{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:500}@media (width<=768px){.app{flex-direction:column}.sidebar{flex-direction:row;width:100%;overflow-x:auto}.sidebar h2{display:none}.grid{grid-template-columns:1fr}}