:root{--ink: #0e161e;--panel: #16212c;--panel-2: #1d2b38;--line: #2a3b4a;--paper: #e6edf3;--muted: #8aa0b4;--signal: #f2b134;--live: #35d0a5;--danger: #e2624c;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;--r: 4px;--gap: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:20px}h2{font-size:16px}a{color:var(--signal)}.shell{display:flex;min-height:100%}.rail{width:248px;flex:0 0 248px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.rail-head{padding:18px 16px 14px;border-bottom:1px solid var(--line)}.rail-brand{font-family:var(--mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}.rail-user{font-size:13px;color:var(--muted);margin-top:6px}.rail-user strong{color:var(--paper);font-weight:600}.rail-nav{flex:1;overflow-y:auto;padding:12px 8px}.rail-group{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:14px 8px 6px}.nav-item{display:block;width:100%;text-align:left;background:none;border:0;border-left:2px solid transparent;color:var(--paper);padding:8px 10px;cursor:pointer;border-radius:0 var(--r) var(--r) 0;font:inherit}.nav-item:hover{background:var(--panel-2)}.nav-item.active{background:var(--panel-2);border-left-color:var(--signal)}.nav-item small{display:block;font-family:var(--mono);font-size:11px;color:var(--muted)}.nav-item:focus-visible,.btn:focus-visible,.input:focus-visible{outline:2px solid var(--signal);outline-offset:1px}.rail-foot{padding:12px;border-top:1px solid var(--line)}.main{flex:1;min-width:0;padding:24px 28px 64px}.page-head{margin-bottom:20px}.page-head .eyebrow{display:block}.page-head p{color:var(--muted);margin:6px 0 0;max-width:68ch}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-bottom:var(--gap)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.panel-body{padding:16px}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.btn{font:inherit;font-size:13px;cursor:pointer;border-radius:var(--r);padding:7px 13px;border:1px solid var(--line);background:var(--panel-2);color:var(--paper);transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--signal);border-color:var(--signal);color:#241a04;font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-danger{color:var(--danger);border-color:#4a2e2a}.btn-danger:hover:not(:disabled){background:#35211e}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}.field{display:block;margin-bottom:12px}.field-label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.field-hint{display:block;font-size:12px;color:var(--muted);margin-top:4px}.field-error{display:block;font-size:12px;color:var(--danger);margin-top:4px}.input,select.input,textarea.input{width:100%;font:inherit;font-size:14px;background:var(--ink);color:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:7px 10px}.input::placeholder{color:#56697a}.slug{font-family:var(--mono);font-size:12px;color:var(--muted)}.cap{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:2px;border:1px solid var(--line);color:var(--muted)}.cap-interact{color:var(--live);border-color:#1e4d40}.cap-manage{color:var(--signal);border-color:#4d3d16}table.grid{width:100%;border-collapse:collapse;font-size:14px}table.grid th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line);font-weight:500}table.grid td{padding:9px 10px;border-bottom:1px solid #1f2c38;vertical-align:middle}table.grid tr:last-child td{border-bottom:0}table.grid tr:hover td{background:var(--panel-2)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.matrix-wrap{overflow-x:auto}.matrix{border-collapse:collapse;font-size:13px}.matrix th.corner{position:sticky;left:0;background:var(--panel);z-index:2}.matrix thead th{font-family:var(--mono);font-size:11px;color:var(--muted);font-weight:500;padding:8px 6px;border-bottom:1px solid var(--line);text-align:center;min-width:92px;white-space:nowrap}.matrix tbody th{position:sticky;left:0;background:var(--panel);text-align:left;padding:8px 14px 8px 10px;border-right:1px solid var(--line);font-weight:500;white-space:nowrap}.matrix tbody th small{display:block;font-family:var(--mono);font-size:11px;color:var(--muted)}.matrix td{padding:4px;text-align:center;border-bottom:1px solid #1f2c38}.cell{width:100%;border:1px solid var(--line);background:var(--ink);color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:5px 4px;border-radius:2px;cursor:pointer}.cell:hover{border-color:var(--muted)}.cell[data-cap=view]{color:var(--paper);border-color:#3a4c5c}.cell[data-cap=interact]{color:var(--live);border-color:#1e4d40;background:#12241f}.cell[data-cap=manage]{color:var(--signal);border-color:#4d3d16;background:#241d0c}.empty{text-align:center;padding:36px 16px}.empty-title{margin:0;color:var(--paper)}.empty-hint{margin:6px 0 0;color:var(--muted);font-size:13px}.error-note{color:var(--danger);background:#2a1a17;border:1px solid #4a2e2a;border-radius:var(--r);padding:9px 12px;font-size:13px;margin:0 0 12px}.spinner{color:var(--muted);font-size:13px}.pill{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:10px;border:1px solid var(--line);color:var(--muted)}.pill-on{color:var(--live);border-color:#1e4d40}.pill-off{color:var(--muted)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--live);margin-right:6px;vertical-align:middle}.live-dot.off{background:#46586a}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1100px 520px at 50% -8%,#1b2937 0%,transparent 62%),var(--ink)}.login-card{width:100%;max-width:372px}.login-brand{font-family:var(--mono);font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--signal);margin-bottom:8px}.login-sub{color:var(--muted);font-size:13px;margin:0 0 20px}.login-alt{text-align:center;margin-top:14px}.login-alt .btn{width:100%}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 860px){.shell{flex-direction:column}.rail{width:100%;flex:none;height:auto;position:static}.rail-nav{max-height:46vh}.main{padding:18px 14px 48px}}.stage{border:1px solid var(--line);border-radius:var(--r);background:var(--ink);overflow:hidden;display:flex;flex-direction:column}.stage-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:6px 10px;border-bottom:1px solid var(--line);background:var(--panel)}.stage-title{margin-right:auto;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.stage-content{flex:1;min-height:260px;position:relative;overflow:auto;resize:vertical;touch-action:none}.stage:fullscreen{width:100vw;height:100vh;border-radius:0;border:none}.stage:fullscreen .stage-content{height:calc(100vh - 41px);resize:none}.stage:-moz-full-screen{width:100vw;height:100vh;border-radius:0;border:none}.stage:-moz-full-screen .stage-content{height:calc(100vh - 41px);resize:none}