:root{--bg:#0b0f14;--panel:#121826;--panel2:#0f1522;--text:#e6edf3;--muted:#9aa4b2;--border:#ffffff14;--link:#8ab4ff;--good:#2ecc71;--warn:#f1c40f;--bad:#e74c3c}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:12px;padding:14px 16px}.row{align-items:center;gap:12px;display:flex}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff05;border-radius:10px;padding:8px 12px}.btn:hover{background:#ffffff0d}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff05;border-radius:10px;outline:none;padding:10px 12px}.input:focus,.select:focus{border-color:#8ab4ff80}.table{border-collapse:collapse;border:1px solid var(--border);border-radius:12px;width:100%;overflow:hidden}.table th,.table td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}.table th{color:var(--muted);text-align:left;background:#ffffff05;font-weight:600}.table tr:hover td{background:#ffffff05}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:inline-flex}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.badge.good .dot{background:var(--good)}.badge.warn .dot{background:var(--warn)}.badge.bad .dot{background:var(--bad)}.small{color:var(--muted);font-size:12px}.h1{margin:0;font-size:26px;font-weight:800}.h2{margin:0;font-size:18px;font-weight:700}