:root{--bg: #0b1220;--panel: #101a2e;--panel2: #16223a;--line: #1f2c47;--text: #e2e8f0;--muted: #8ea0b8;--teal: #14b8a6;--blue: #3b82f6;--ok: #22c55e;--warn: #f59e0b;--danger: #ef4444}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:var(--panel);border-right:1px solid var(--line);padding:14px 10px;overflow-y:auto}.side h1{font-size:15px;color:var(--teal);margin:4px 8px 14px;letter-spacing:.5px}.side .grp{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:14px 8px 4px}.side a{display:block;color:var(--text);text-decoration:none;padding:7px 10px;border-radius:6px;font-size:13px}.side a:hover,.side a.active{background:var(--panel2);color:var(--teal)}.main{padding:18px 22px;max-width:1200px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px;flex-wrap:wrap}.topbar h2{margin:0;font-size:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:16px}.card h3{margin:0 0 10px;font-size:14px;color:var(--teal);text-transform:uppercase;letter-spacing:.6px}.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.kpi{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.kpi .n{font-size:22px;font-weight:700;color:var(--blue)}.kpi .l{color:var(--muted);font-size:12px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.field label{font-size:12px;color:var(--muted)}input,select,textarea{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:9px 10px;font:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:1px solid var(--teal)}textarea{min-height:64px;resize:vertical}.btn{background:var(--teal);color:#04201c;font-weight:700;border:0;border-radius:6px;padding:10px 16px;cursor:pointer;font-size:14px}.btn.ghost{background:var(--panel2);color:var(--text);border:1px solid var(--line);font-weight:500}.btn.danger{background:var(--danger);color:#fff}.btn.small{padding:5px 10px;font-size:12px}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;color:var(--muted);font-weight:600;padding:7px 8px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel)}.tbl td{padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}.tbl tr:hover td{background:var(--panel2)}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.badge.GOOD,.badge.ok{background:#14351f;color:var(--ok)}.badge.QUESTIONABLE,.badge.warn{background:#3a2c10;color:var(--warn)}.badge.INVALID,.badge.bad{background:#3a1414;color:var(--danger)}.badge.demo{background:#2b2340;color:#b39df0}.err{color:var(--danger);margin:8px 0}.msg{color:var(--ok);margin:8px 0}.muted{color:var(--muted);font-size:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters input,.filters select{width:auto;min-width:120px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810b3;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:50}.modal .card{width:100%;max-width:720px}.sync{font-size:12px;padding:4px 10px;border-radius:12px;border:1px solid var(--line)}.sync.pending{color:var(--warn)}.sync.failed{color:var(--danger)}.sync.synced{color:var(--ok)}@media (max-width: 820px){.app{grid-template-columns:1fr}.side{display:flex;overflow-x:auto;padding:8px;gap:4px;align-items:center;position:sticky;top:0;z-index:20}.side h1,.side .grp{display:none}.side a{white-space:nowrap;padding:8px 12px}.main{padding:14px}.btn{padding:12px 18px}}