:root{--bg: #0a0a0a;--panel: #111111;--panel2: #17171a;--input: #1f1f23;--line: #27272a;--line2: #33333a;--ink: #fafafa;--mut: #a1a1aa;--faint: #71717a;--blue: #3b82f6;--blue-hi: #60a5fa;--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--r: 3px;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.shell{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:14px;height:46px;padding:0 14px;flex:none;border-bottom:1px solid var(--line);background:var(--panel)}.brand{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.01em}.brand svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:2}.tabs{display:flex;gap:2px;margin-left:8px;flex:1;overflow-x:auto}.tab{background:none;border:none;color:var(--mut);font:inherit;cursor:pointer;padding:6px 11px;border-radius:var(--r);white-space:nowrap}.tab:hover{color:var(--ink);background:var(--panel2)}.tab.on{color:var(--ink);background:var(--input);box-shadow:inset 0 -2px 0 var(--blue)}.dot{width:7px;height:7px;border-radius:50%;flex:none;display:inline-block}.dot.ok{background:var(--green)}.dot.off{background:var(--faint)}.live{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--mut)}.main{flex:1;overflow:auto;padding:14px}.grid{display:grid;gap:12px}@media(min-width:900px){.grid.two{grid-template-columns:1fr 340px}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.phead{display:flex;align-items:center;justify-content:space-between;gap:10px;height:32px;padding:0 11px;border-bottom:1px solid var(--line)}.phead h2{margin:0;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;gap:7px}.phead svg{width:13px;height:13px;stroke:var(--blue);fill:none;stroke-width:2}.pbody{padding:11px}.row{display:flex;align-items:center;gap:10px;min-height:29px;padding:5px 11px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row:hover{background:var(--panel2)}.grow{flex:1;min-width:0}.trunc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub{font-size:11px;color:var(--faint)}.empty{padding:26px 12px;text-align:center;color:var(--faint);font-size:12px}.badge{font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:2px;border:1px solid var(--line2);color:var(--mut);flex:none}.badge.ok{color:var(--green);border-color:#22c55e66}.badge.no{color:var(--red);border-color:#ef444466}.badge.blue{color:var(--blue-hi);border-color:#3b82f666}.badge.new{color:var(--amber);border-color:#f59e0b66}input,select,textarea{width:100%;background:var(--input);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);font-family:inherit;font-size:12.5px;padding:7px 9px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue)}label{display:block;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin:9px 0 4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--r);border:1px solid var(--line2);background:var(--input);color:var(--ink);font:inherit;font-size:12.5px;cursor:pointer}.btn:hover{border-color:var(--blue)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:500}.btn.primary:hover{background:var(--blue-hi)}.btn.danger{color:var(--red);border-color:#ef444459}.btn:disabled{opacity:.45;cursor:not-allowed}.lnk{background:none;border:none;color:var(--faint);font:inherit;font-size:11px;cursor:pointer;padding:0}.lnk:hover{color:var(--blue-hi)}.login{display:grid;place-items:center;height:100%;padding:20px}.login .panel{width:100%;max-width:330px}.err{color:var(--red);font-size:11.5px;margin-top:8px}.feed .row{animation:slidein .18s ease-out}@keyframes slidein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.feed .row{animation:none}}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.kpi{background:var(--panel);padding:9px 11px}.kpi .n{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.kpi .l{font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-top:2px}.qr{display:grid;place-items:center;padding:14px;background:#fff;border-radius:var(--r)}.qr canvas{display:block}