*{box-sizing:border-box}:root{--bg: #10141a;--panel: #1a2029;--panel2: #222a36;--text: #dfe6ee;--muted: #8b98a9;--accent: #4da3ff;--ok: #3fb96f;--warn: #e0a63a;--err: #e05c5c;--border: #2c3644}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.topbar{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--panel);border-bottom:1px solid var(--border)}.topbar h1{font-size:18px;margin:0}.topbar .spacer{flex:1}.page{max-width:1100px;margin:24px auto;padding:0 16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:20px}.card h2{margin:0 0 14px;font-size:16px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-weight:600}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{color:var(--text)}tr:hover td{background:var(--panel2)}.badge{display:inline-block;padding:1px 9px;border-radius:20px;font-size:12.5px;font-weight:600}.badge.high,.badge.grounded{background:#16412a;color:#6fe0a0}.badge.low{background:#1c3350;color:#7fbcff}.badge.open,.badge.gap{background:#4b2626;color:#ff9d9d}.badge.online{background:#16412a;color:#6fe0a0}.badge.offline{background:#4b2626;color:#ff9d9d}input,button,select{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--border);border-radius:7px;padding:8px 12px}input:focus{outline:1px solid var(--accent)}button{cursor:pointer;background:var(--accent);color:#08111d;font-weight:600;border:none}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--border)}.form-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:8px}.form-row label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.btn-raw{padding:2px 10px;font-size:12.5px}.pager{display:flex;gap:8px;align-items:center;margin-top:12px}.raw-json{margin:0;padding:8px 12px;background:var(--bg);border-radius:7px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;white-space:pre-wrap;word-break:break-word}.msg-ok{color:var(--ok);font-size:14px}.msg-err{color:var(--err);font-size:14px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,Consolas,monospace;font-size:13px}@media(max-width:640px){.page{margin:12px auto;padding:0 8px}.card{padding:12px;border-radius:8px}.topbar{padding:10px 12px}table{font-size:13px}th,td{padding:6px 8px}.form-row{gap:8px}.form-row input,.form-row select{max-width:100%}}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:320px}.login-card input{width:100%;margin-bottom:12px}.login-card button{width:100%}