:root{--bg: #f6f7f9;--panel: #ffffff;--text: #1b1f24;--muted: #5b6573;--line: #d8dde4;--accent: #1456d6;--accent-text: #ffffff;--ok: #17703a;--warn: #8a5a00;--bad: #b3261e;--ok-bg: #e3f4e8;--warn-bg: #fff2cf;--bad-bg: #fde7e5;--focus: #1456d6}:root[data-theme=dark]{--bg: #12151a;--panel: #1b2027;--text: #e7eaee;--muted: #a2adbb;--line: #333b46;--accent: #6ea0ff;--accent-text: #0b1220;--ok: #6fd391;--warn: #f0c35c;--bad: #ff8d85;--ok-bg: #173323;--warn-bg: #3a2f10;--bad-bg: #3d1b19;--focus: #9bbcff}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #12151a;--panel: #1b2027;--text: #e7eaee;--muted: #a2adbb;--line: #333b46;--accent: #6ea0ff;--accent-text: #0b1220;--ok: #6fd391;--warn: #f0c35c;--bad: #ff8d85;--ok-bg: #173323;--warn-bg: #3a2f10;--bad-bg: #3d1b19;--focus: #9bbcff}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1{font-size:20px;margin:0 0 12px}h2{font-size:16px;margin:0}h3{font-size:14px;margin:16px 0 8px}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{background:var(--panel);border-right:1px solid var(--line);padding:12px 8px;position:sticky;top:0;height:100vh;overflow:auto}.side .brand{font-weight:700;font-size:18px;padding:4px 10px 12px}.side nav a{display:block;padding:7px 10px;border-radius:6px;color:var(--text);text-decoration:none}.side nav a:hover{background:var(--bg)}.side nav a[aria-current=page]{background:var(--accent);color:var(--accent-text)}.side .group{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:12px 10px 4px}main{padding:20px 24px 60px;min-width:0}.top{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap}.top .actions,.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px 16px}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field.wide{grid-column:1 / -1}.label,.hint{color:var(--muted);font-size:12px}.error{color:var(--bad);font-size:12px}.errorbox{background:var(--bad-bg);color:var(--bad);border:1px solid var(--bad);border-radius:6px;padding:8px 10px;margin:8px 0}input,select,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 8px;min-width:0;width:100%}input[type=checkbox]{width:auto}.check{display:flex;gap:6px;align-items:center}.btn{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:6px;padding:6px 12px;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.danger{color:var(--bad);border-color:var(--bad)}.btn.ghost{border-color:transparent;background:transparent}.badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;background:var(--bg);border:1px solid var(--line)}.badge.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad);border-color:var(--bad)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:12px;flex-wrap:wrap}.tabs button{font:inherit;background:none;border:0;border-bottom:2px solid transparent;padding:8px 14px;cursor:pointer;color:var(--muted)}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.vtable{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.vhead,.vrow{display:grid;align-items:center}.vhead{background:var(--bg);border-bottom:1px solid var(--line);font-weight:600;font-size:12px;color:var(--muted)}.vhead>div,.vrow>div{padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vbody{overflow:auto}.vrow{position:absolute;left:0;right:0;border-bottom:1px solid var(--line)}.vrow.click{cursor:pointer}.vrow.click:hover{background:var(--bg)}.empty{color:var(--muted);padding:24px;text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding:6vh 12px;z-index:20;overflow:auto}.modal{background:var(--panel);border-radius:10px;width:min(560px,100%);border:1px solid var(--line)}.modal.wide{width:min(900px,100%)}.modal header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.modal .body{padding:16px}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:30}.toast{padding:10px 14px;border-radius:8px;border:1px solid var(--line);background:var(--panel);box-shadow:0 4px 16px #0003}.toast.ok{border-color:var(--ok)}.toast.err{border-color:var(--bad);color:var(--bad)}.spinner{width:20px;height:20px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}.fs{border:1px solid var(--line);border-radius:6px;padding:8px 10px;margin:0;display:grid;gap:8px}.subform{display:flex;gap:8px;align-items:flex-start;border:1px dashed var(--line);padding:8px;border-radius:6px;margin-bottom:6px}.subform>:first-child{flex:1}pre.json{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px;overflow:auto;max-height:360px}.stream{border:1px solid var(--line);border-radius:8px;background:var(--panel);margin-bottom:8px}.stream.drag{outline:2px dashed var(--accent)}.stream>header{display:flex;gap:8px;align-items:center;padding:8px 10px;cursor:grab}.stream>.body{padding:10px;border-top:1px solid var(--line)}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:14px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.kpi b{display:block;font-size:22px}.login{max-width:380px;margin:12vh auto}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--panel);padding:6px;z-index:50}@media (max-width: 1023px){.shell{grid-template-columns:1fr}.side{position:static;height:auto}}