:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#0a0d12;--bg-1:#10141b;--bg-2:#161b24;--bg-3:#1e2530;--border:#2a323f;--border-strong:#3a4454;--text-0:#eef1f5;--text-1:#b6c0cd;--text-2:#7c8798;--accent:#3aa0ff;--accent-dim:#1c4a75;--ok:#33c17a;--ok-dim:#143829;--warn:#e8a83a;--warn-dim:#4a3812;--crit:#ef5350;--crit-dim:#4a1414;--info:#7c8798;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--radius:6px}*{box-sizing:border-box}html,body{background:var(--bg-0);color:var(--text-0);font-family:var(--font-sans);margin:0;padding:0;font-size:14px}body{min-height:100vh}a{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 .5em;font-weight:600}table{border-collapse:collapse;width:100%}.app-shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.app-nav{background:var(--bg-1);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:16px 12px;display:flex}.app-nav__brand{color:var(--text-0);padding:4px 8px 16px;font-size:15px;font-weight:700}.app-nav__link{border-radius:var(--radius);color:var(--text-1);padding:8px 10px;font-size:13px;text-decoration:none;display:block}.app-nav__link:hover{background:var(--bg-2);color:var(--text-0)}.app-nav__link[data-active=true]{background:var(--accent-dim);color:var(--text-0)}.app-nav__footer{border-top:1px solid var(--border);color:var(--text-2);margin-top:auto;padding-top:12px;font-size:12px}.app-main{padding:24px 28px 48px;overflow-x:hidden}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.page-header__title{font-size:20px}.page-header__subtitle{color:var(--text-2);font-size:13px}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card+.card{margin-top:12px}.grid{gap:12px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat{flex-direction:column;gap:4px;display:flex}.stat__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);font-size:11px}.stat__value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.stat__value--mono{font-family:var(--font-mono)}table.data-table{font-size:13px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);border-bottom:1px solid var(--border);padding:8px 10px;font-size:11px}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 10px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-2)}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge--ok{background:var(--ok-dim);color:var(--ok)}.badge--warn{background:var(--warn-dim);color:var(--warn)}.badge--crit{background:var(--crit-dim);color:var(--crit)}.badge--info{background:var(--bg-3);color:var(--text-1)}.dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.btn{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-2);color:var(--text-0);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#051526}.btn--primary:hover{filter:brightness(1.08)}.btn--danger{background:var(--crit-dim);border-color:var(--crit);color:var(--crit)}.btn--alarm{background:var(--crit);border-color:var(--crit);color:#200606;font-weight:700}.btn--alarm[data-armed=true]{background:var(--ok);border-color:var(--ok);color:#052013}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field label{color:var(--text-1);font-size:12px}.field input,.field select,.field textarea{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-0);padding:8px 10px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.error-banner{background:var(--crit-dim);border:1px solid var(--crit);color:var(--crit);border-radius:var(--radius);margin-bottom:12px;padding:10px 12px;font-size:13px}.warn-banner{background:var(--warn-dim);border:1px solid var(--warn);color:var(--warn);border-radius:var(--radius);margin-bottom:12px;padding:10px 12px;font-size:13px}.empty-state{color:var(--text-2);text-align:center;padding:24px;font-size:13px}.mono{font-family:var(--font-mono)}.hud{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:12px 14px;display:grid}.hud__item{flex-direction:column;gap:2px;display:flex}.hud__label{text-transform:uppercase;color:var(--text-2);letter-spacing:.05em;font-size:10px}.hud__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:15px}.live-stage{border-radius:var(--radius);background:#000;width:100%;max-width:960px;position:relative;overflow:hidden}.live-stage video,.live-stage canvas{width:100%;height:auto;display:block}.live-stage canvas.overlay{pointer-events:none;position:absolute;inset:0}.alarm-fullscreen{z-index:1000;color:#fff;text-align:center;background:#500808f5;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:fixed;inset:0}.alarm-fullscreen h1{letter-spacing:.02em;font-size:40px}.wizard-steps{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.wizard-step{background:var(--bg-2);color:var(--text-2);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:11px}.wizard-step[data-current=true]{background:var(--accent-dim);color:var(--text-0);border-color:var(--accent)}.wizard-step[data-done=true]{color:var(--ok);border-color:var(--ok-dim)}.login-screen{background:radial-gradient(circle at 50% 0%, #10202f 0%, var(--bg-0) 60%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-1);border:1px solid var(--border);border-radius:10px;width:360px;padding:28px}.field__hint{color:var(--text-2);margin-top:4px;font-size:12px}