:root{--bg0: #0b0614;--bg1: #120824;--card: rgba(23, 14, 41, .78);--card2: rgba(27, 16, 52, .78);--text: #f1ecff;--muted: rgba(241, 236, 255, .7);--line: rgba(189, 153, 255, .16);--shadow: 0 18px 60px rgba(0, 0, 0, .55);--warn: #ffbe55;--danger: #ff5c8a;--accent: #a855f7;--accent2: #7c3aed;--accent3: #22d3ee;--container-max: 1400px;--radius: clamp(12px, 1.4vw, 20px);--radius-md: clamp(11px, 1.2vw, 18px);--radius-soft: clamp(10px, 1.1vw, 16px);--radius-pill: 999px;--space-2xs: clamp(4px, .35vw, 6px);--space-xs: clamp(6px, .55vw, 9px);--space-sm: clamp(8px, .7vw, 11px);--space-md: clamp(10px, .9vw, 14px);--space-lg: clamp(12px, 1vw, 16px);--space-xl: clamp(14px, 1.2vw, 20px);--space-2xl: clamp(16px, 1.6vw, 26px);--space-3xl: clamp(20px, 2.2vw, 34px);--text-xs: clamp(11px, .85vw, 12px);--text-sm: clamp(12px, .95vw, 13px);--text-md: clamp(13px, 1.05vw, 15px);--text-lg: clamp(16px, 1.5vw, 22px);--text-xl: clamp(20px, 2vw, 30px);--brand-dot: clamp(8px, .8vw, 12px);--live-dot: clamp(7px, .7vw, 10px)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Avenir Next,Arial,sans-serif;font-size:var(--text-md);line-height:1.4;color:var(--text);background:radial-gradient(900px 420px at 0% -10%,rgba(168,85,247,.18) 0%,transparent 60%),radial-gradient(760px 420px at 100% -20%,rgba(34,211,238,.14) 0%,transparent 62%),radial-gradient(820px 520px at 60% 120%,rgba(124,58,237,.16) 0%,transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));transition:background .22s ease}body.alert-mode{background:radial-gradient(900px 480px at 0% -10%,rgba(255,92,138,.28) 0%,transparent 60%),radial-gradient(760px 420px at 100% -15%,rgba(255,72,72,.24) 0%,transparent 60%),radial-gradient(820px 520px at 60% 120%,rgba(255,110,110,.2) 0%,transparent 62%),linear-gradient(180deg,#1c060f,#2b060b);animation:alertBackdropPulse 1.15s ease-in-out infinite}@keyframes alertBackdropPulse{0%{filter:saturate(1)}50%{filter:saturate(1.15)}to{filter:saturate(1)}}.wrap{max-width:min(var(--container-max),calc(100vw - var(--space-2xl)));margin:var(--space-xl) auto var(--space-3xl);padding:0 var(--space-md)}.wrap.alerting .panel{border-color:#ff5c8a47;box-shadow:0 18px 60px #0000008c,0 0 0 1px #ff5c8a24 inset,0 0 36px #ff5c8a14}.top{display:flex;gap:var(--space-md);align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.brand{display:flex;gap:var(--space-sm);align-items:center;font-weight:900;font-size:var(--text-xl);letter-spacing:.025em}.brand:before{content:"";width:var(--brand-dot);height:var(--brand-dot);border-radius:var(--radius-pill);background:radial-gradient(circle at 30% 30%,#ffffff 0%,var(--accent) 35%,var(--accent2) 70%);box-shadow:0 0 0 clamp(4px,.5vw,6px) #a855f71f,0 0 clamp(14px,1.7vw,24px) #a855f759}.chip{border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-md);border:1px solid var(--line);background:#100a1d8c;color:var(--muted);font-size:var(--text-xs);font-weight:800;letter-spacing:.02em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.chip.live{display:inline-flex;align-items:center;gap:var(--space-xs)}.live-dot{width:var(--live-dot);height:var(--live-dot);border-radius:var(--radius-pill);background:#ff385cf2;box-shadow:0 0 0 clamp(4px,.5vw,6px) #ff385c24,0 0 clamp(10px,1.4vw,18px) #ff385c59;animation:livePulse 1.1s ease-in-out infinite;flex:0 0 auto}@keyframes livePulse{0%{transform:scale(.85);opacity:.55}50%{transform:scale(1.15);opacity:1}to{transform:scale(.85);opacity:.55}}.chip.warn{border-color:#ffbe5559;color:#ffbe55f2;background:#ffbe5514}.chip.danger{border-color:#ff5c8a59;color:#ff5c8af2;background:#ff5c8a14}.layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:var(--space-lg)}.backend-warning{margin:0 0 var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(255,92,138,.38);background:linear-gradient(90deg,#ff5c8a2e,#ffbe551f);color:#ffdce4fa;padding:var(--space-md) var(--space-lg);font-size:var(--text-sm);font-weight:800;letter-spacing:.015em}.alert-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:#07030ebd;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.alert-modal{width:min(520px,100%);border-radius:var(--radius);border:1px solid rgba(255,92,138,.42);background:radial-gradient(580px 220px at -10% -30%,rgba(255,92,138,.2),transparent 62%),linear-gradient(180deg,#270a12f5,#18070efa);box-shadow:0 26px 70px #0000009e,0 0 0 1px #ff5c8a2e inset,0 0 45px #ff5c8a24;padding:var(--space-xl);animation:alertModalIn .18s ease-out}@keyframes alertModalIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.alert-modal-title{color:#ffbfcffa;font-size:var(--text-lg);font-weight:900;letter-spacing:.02em;text-transform:uppercase}.alert-modal-text{margin-top:var(--space-sm);color:#ffe8effa;font-size:var(--text-md);font-weight:700;line-height:1.5}.alert-modal-meta{margin-top:var(--space-md);color:#ffb7cbf2;font-size:var(--text-sm);letter-spacing:.012em;font-weight:800}.alert-modal-actions{margin-top:var(--space-lg);display:flex;gap:var(--space-sm);justify-content:flex-end}.panel{background:linear-gradient(180deg,var(--card),var(--card2));border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;position:relative}.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 260px at 10% -10%,rgba(168,85,247,.18),transparent 60%),radial-gradient(720px 240px at 110% 10%,rgba(34,211,238,.1),transparent 55%);opacity:.8}.head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--line);font-weight:800;letter-spacing:.015em;font-size:var(--text-md)}.stream-warning{position:relative;z-index:1;margin:var(--space-md) var(--space-lg) 0;border-radius:var(--radius-soft);border:1px solid rgba(255,190,85,.35);background:#ffbe551a;color:#ffe1a6f2;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:800;letter-spacing:.015em}.stream-warning.error{border-color:#ff5c8a59;background:#ff5c8a1f;color:#ffc4d6fa}.video-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md) var(--space-lg) 0}.system-states{position:relative;z-index:1;margin:var(--space-sm) var(--space-lg) 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.system-state{position:relative;border:1px solid var(--line);border-radius:var(--radius-soft);padding:var(--space-xs) var(--space-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);background:#0a061447;font-size:var(--text-xs);font-weight:800;color:var(--muted);letter-spacing:.012em}.system-state .state{color:#ffdcaaf5}.system-state .state.live{color:#84f5bcfa}.btn{border:1px solid rgba(168,85,247,.3);background:linear-gradient(180deg,#a855f742,#7c3aed33);color:#f1ecfff5;border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);font-weight:800;letter-spacing:.015em;cursor:pointer}.btn.secondary{border-color:#22d3ee47;background:linear-gradient(180deg,#22d3ee2e,#22d3ee14);color:#c0f5fff5}.btn.danger{border-color:#ff5c8a57;background:linear-gradient(180deg,#ff5c8a47,#ff5c8a24);color:#ffd5e2fa}.btn:disabled{opacity:.45;cursor:not-allowed}.video{margin-top:10px;position:relative;z-index:1;width:100%;display:block;aspect-ratio:16 / 9;object-fit:cover;background:#07030e;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.video-off{margin-top:10px;position:relative;z-index:1;width:100%;aspect-ratio:16 / 9;display:grid;place-items:center;text-align:center;padding:var(--space-lg);color:var(--muted);font-size:var(--text-sm);font-weight:700;letter-spacing:.015em;background:#07030e;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.baseline-config{position:relative;z-index:1;margin:var(--space-lg) var(--space-lg) 0;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--line);background:#0a06145c}.baseline-title{font-size:var(--text-sm);font-weight:900;letter-spacing:.015em;margin-bottom:var(--space-sm)}.baseline-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.baseline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-bottom:var(--space-sm)}.baseline-field{display:grid;gap:var(--space-2xs)}.baseline-field span{font-size:var(--text-xs);color:var(--muted);font-weight:700}.baseline-field input{width:100%;border-radius:var(--radius-soft);border:1px solid var(--line);background:#080510b3;color:var(--text);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);outline:none}.baseline-field input:focus{border-color:#22d3ee80;box-shadow:0 0 0 1px #22d3ee38}.baseline-hint{font-size:var(--text-xs);color:var(--muted);letter-spacing:.012em}.baseline-note{margin-top:var(--space-xs);border-radius:var(--radius-soft);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:800}.baseline-note.ok{border:1px solid rgba(34,211,238,.3);color:#a7f1fffa;background:#22d3ee1a}.baseline-note.err{border:1px solid rgba(255,92,138,.36);color:#ffc4d6fa;background:#ff5c8a1a}.meta{position:relative;z-index:1;padding:var(--space-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.item{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:#0a061459;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.item .k{color:var(--muted);font-size:var(--text-xs);margin-bottom:var(--space-2xs);letter-spacing:.015em;font-weight:700}.item .v{font-size:var(--text-lg);font-weight:900;letter-spacing:.02em}.status{position:relative;z-index:1;margin:10px var(--space-lg) var(--space-lg);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:#a855f71a;color:#f1ecffeb;border:1px solid rgba(168,85,247,.22);font-weight:700;font-size:var(--text-sm)}.status-endpoint{position:relative;z-index:1;margin:var(--space-lg) var(--space-lg) 0;color:var(--muted);font-size:var(--text-xs);letter-spacing:.01em}.status.warn{background:#ffbe551a;color:#ffd68cf2;border-color:#ffbe5538}.status.danger{background:#ff5c8a1f;color:#ffa1bcf2;border-color:#ff5c8a40}.alert{position:relative;z-index:1;margin:var(--space-lg);border-radius:var(--radius-md);border:1px solid rgba(255,92,138,.35);background:linear-gradient(90deg,#ff5c8a2e,#a855f71a);color:#ffc8d6fa;padding:var(--space-md) var(--space-lg);font-weight:900;letter-spacing:.018em;font-size:var(--text-md);box-shadow:0 clamp(8px,1.4vw,14px) clamp(20px,3vw,40px) #ff5c8a1f}@media(max-width:1024px){.layout{grid-template-columns:1fr}.system-states{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.alert-modal-backdrop{padding:var(--space-md)}.alert-modal-actions{flex-direction:column}.alert-modal-actions .btn{width:100%}.top{flex-direction:column;align-items:flex-start}.head{flex-wrap:wrap}.system-states,.meta,.baseline-grid{grid-template-columns:1fr}}