:root{color-scheme:light dark;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg: #f5f6f8;--surface: #fff;--surface-2: #f0f2f5;--border: #e3e6eb;--border-strong: #cfd4dc;--text: #16181d;--text-2: #5b6270;--text-3: #8a919e;--accent: #2f6df6;--accent-hover: #245fe0;--accent-soft: #e8f0fe;--on-accent: #fff;--danger: #d93025;--danger-soft: #fdecea;--success: #1e8e3e;--success-soft: #e6f4ea;--warning: #b26a00;--warning-soft: #fff4e0;--shadow-1: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.1);--shadow-2: 0 4px 12px rgba(16,24,40,.08), 0 2px 4px rgba(16,24,40,.06);--ring: 0 0 0 3px rgba(47,109,246,.25)}@media(prefers-color-scheme:dark){:root{--bg: #131519;--surface: #1c1f26;--surface-2: #232730;--border: #2b303a;--border-strong: #3a404c;--text: #eceef2;--text-2: #a4abb8;--text-3: #6f7784;--accent: #5b8cff;--accent-hover: #6f9bff;--accent-soft: #1d2a4a;--danger: #ff6b62;--danger-soft: #3a1f1d;--success: #4ccb6a;--success-soft: #1a2f20;--warning: #f5b342;--warning-soft: #3a2c12;--shadow-1: 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 6px 16px rgba(0,0,0,.45);--ring: 0 0 0 3px rgba(91,140,255,.35)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:13px;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}input,button,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:none;box-shadow:var(--ring)}h1{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.hint{color:var(--text-2);margin:0 0 18px;max-width:720px}input,select{height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text)}input:focus,select:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}input::placeholder{color:var(--text-3)}input[type=number]{padding-right:4px}td input,td select{height:28px;font-size:12px;border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:500;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.block{width:100%;height:40px;font-size:14px}.btn.small{height:26px;padding:0 9px;font-size:12px;border-radius:6px}.btn.danger{color:var(--danger)}.btn.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.center{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 500px at 15% -10%,var(--accent-soft),transparent 60%),var(--bg)}.card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:32px;box-shadow:var(--shadow-2)}.card h1{text-align:center;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;font-weight:500;color:var(--text-2)}.field input{height:38px}.error{background:var(--danger-soft);color:var(--danger);padding:10px 12px;border-radius:8px;margin:0 0 14px;font-size:12.5px}.shell{display:flex;min-height:100%}.sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);padding:22px 14px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh}.brand{font-weight:700;font-size:15px;margin:0 10px 22px;line-height:1.25;display:flex;align-items:center;gap:10px}.brand:before{content:"";width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#7aa2ff);flex:none}.brand span{color:var(--text-3);font-weight:500;font-size:11px;display:block}.navlink{text-align:left;background:transparent;border:0;color:var(--text-2);padding:9px 12px;border-radius:8px;font-weight:500}.navlink:hover{background:var(--surface-2);color:var(--text)}.navlink.active{background:var(--accent-soft);color:var(--accent)}.spacer{flex:1}.who{color:var(--text-3);font-size:12px;padding:0 12px 8px;word-break:break-all}.content{flex:1;padding:30px 36px 48px;overflow-x:auto;min-width:0}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-1)}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:0}th{color:var(--text-2);font-weight:500;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2)}tbody tr:hover td{background:color-mix(in srgb,var(--surface-2) 50%,var(--surface))}tr.muted td{opacity:.55}td.nowrap,th.nowrap{white-space:nowrap}.mono{font-family:var(--mono);font-size:12px}.small{font-size:11px;color:var(--text-2)}.pill{border:1px solid transparent;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:500;cursor:pointer;background:var(--surface-2);color:var(--text-2)}.pill.active{background:var(--success-soft);color:var(--success)}.pill.disabled,.pill.inactive{background:var(--danger-soft);color:var(--danger)}.pill:hover{filter:brightness(.96)}.inline-form,.grid-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-1)}.inline-form label{color:var(--text-2);font-size:12px;display:inline-flex;gap:6px;align-items:center}.grid-form input,.grid-form select{width:150px}.search{width:320px;margin-bottom:14px}.test{margin-top:4px;font-size:12px}.test.ok{color:var(--success)}.test.warn{color:var(--warning)}.test.bad{color:var(--danger)}.warn-text{color:var(--warning)}