:root{--bg: #f6f7f9;--panel: #ffffff;--text: #1b1f24;--muted: #5b6573;--line: #d5dae1;--accent: #1f5fd1;--pos: #137333;--neg: #b3261e;--ok-bg: #d7f2df;--bad-bg: #fbd9d6;--warn-bg: #fdf0c8;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #14171b;--panel: #1d2127;--text: #e8eaed;--muted: #9aa4b2;--line: #343b45;--accent: #7aa7ff;--pos: #6fd88b;--neg: #ff8a80;--ok-bg: #1d3b27;--bad-bg: #4a2320;--warn-bg: #4a3d17}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,sans-serif}a{color:var(--accent)}h1{font-size:1.4rem;margin:0 0 12px}h2{font-size:1.1rem;margin:20px 0 8px}h3{font-size:.95rem;margin:12px 0 4px}button,input,select,textarea{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 10px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.topbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.topbar nav{display:flex;gap:12px;flex:1}.topbar nav a{text-decoration:none;padding:4px 8px;border-radius:6px}.topbar nav a.active{background:var(--bg);font-weight:600}.who{color:var(--muted)}.content{max-width:1100px;margin:0 auto;padding:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:16px}.login{display:grid;place-items:center;min-height:100vh;padding:16px}.login .card{width:min(380px,100%);display:grid;gap:12px}label{display:grid;gap:4px;font-size:.9rem;color:var(--muted)}label input,label textarea,label select{color:var(--text);width:100%}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filters input{min-width:180px}table{width:100%;border-collapse:collapse;background:var(--panel)}.list th,.list td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}.list th{color:var(--muted);font-weight:600;font-size:.85rem}.list tr.click{cursor:pointer}.list tr.click:hover{background:var(--bg)}.num{text-align:right!important;font-variant-numeric:tabular-nums}.kv th{text-align:left;color:var(--muted);font-weight:500;padding:4px 16px 4px 0;width:14rem}.kv td{padding:4px 0}.mono{font-family:ui-monospace,monospace;font-size:.85rem;word-break:break-all}.pos{color:var(--pos)}.neg{color:var(--neg)}.muted{color:var(--muted)}.center{text-align:center;padding:40px}.error{color:var(--neg)}.notice{background:var(--warn-bg);padding:8px 12px;border-radius:6px;margin:0}.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.8rem;border:1px solid var(--line)}.badge.active,.badge.ok{background:var(--ok-bg)}.badge.suspended,.badge.bad{background:var(--bad-bg)}.badge.role-viewer{background:var(--warn-bg)}.badge.big{font-size:1.8rem;padding:6px 28px;margin-bottom:12px;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.pager{display:flex;gap:12px;align-items:center;margin:12px 0}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;padding:16px}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;width:min(520px,100%);max-height:90vh;overflow:auto;display:grid;gap:12px}.dialog h2{margin:0}.dialog pre{margin:0;padding:8px;background:var(--bg);border-radius:6px;overflow:auto;font-size:.85rem}.row{display:flex;gap:8px;justify-content:flex-end}