:root{--bg:#080c12;--panel:#0e141e;--panel-2:#121a26;--panel-3:#17202e;--border:#222d3d;--border-bright:#354359;--text:#edf4ff;--muted:#8491a6;--cyan:#00d4ff;--cyan-soft:#00d4ff1f;--green:#35d39a;--yellow:#f8c34a;--red:#ff465c;--violet:#8e77ff;--sidebar:236px}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}code{font-family:SFMono-Regular,Consolas,monospace}.app-shell{background:radial-gradient(circle at 75% -20%, #00d4ff0e, transparent 33%), var(--bg);min-height:100vh}.sidebar{width:var(--sidebar);z-index:50;border-right:1px solid var(--border);background:#0b1018;flex-direction:column;padding:22px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px 28px;display:flex}.brand-mark{color:#031015;background:var(--cyan);border-radius:11px 2px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 0 25px #00d4ff33}.brand strong{letter-spacing:.06em;font-size:19px;display:block}.brand span{color:var(--muted);letter-spacing:.05em;margin-top:2px;font-size:11px;display:block}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#96a3b8;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;height:43px;padding:0 12px;display:flex;position:relative}.sidebar nav button:hover{color:var(--text);background:#111925}.sidebar nav button.active{color:#eaffff;background:linear-gradient(90deg,#00d4ff29,#00d4ff0b)}.sidebar nav button.active:before{content:"";background:var(--cyan);width:3px;height:23px;box-shadow:0 0 13px var(--cyan);position:absolute;left:-14px}.nav-count{background:var(--red);color:#fff;text-align:center;border-radius:99px;min-width:20px;margin-left:auto;padding:2px 5px;font-size:11px}.side-foot{border-top:1px solid var(--border);grid-template-columns:34px 1fr 30px;align-items:center;gap:9px;margin-top:auto;padding:14px 8px 0;display:grid}.account-avatar,.user-cell span{width:34px;height:34px;color:var(--cyan);background:var(--cyan-soft);border:1px solid #00d4ff40;border-radius:50%;place-items:center;font-weight:700;display:grid}.side-foot strong,.side-foot span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.side-foot strong{font-size:13px}.side-foot span{color:var(--muted);margin-top:2px;font-size:11px}.side-foot button,.more,.modal-head button,.monitor-head button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.main{min-height:100vh;margin-left:var(--sidebar);padding-bottom:80px}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:#080c12d1;justify-content:space-between;align-items:center;height:86px;padding:0 32px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:.01em;margin:2px 0 0;font-size:21px;font-weight:650}.eyebrow{color:var(--cyan);letter-spacing:.18em;font-size:10px;font-weight:700}.top-actions,.heading-actions{align-items:center;gap:9px;display:flex}.connection{max-width:420px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:12px;display:flex;overflow:hidden}.connection i{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%;flex:none}.connection.bad{color:var(--red)}.connection.bad i{background:var(--red);box-shadow:0 0 10px var(--red)}.icon-btn,.mobile-menu{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.mobile-menu{display:none}.content{padding:28px 32px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:32px;display:grid}.stat{background:linear-gradient(145deg, var(--panel-2), var(--panel));border:1px solid var(--border);border-radius:10px;gap:16px;min-height:128px;padding:20px;display:flex}.stat-icon{color:#b8c4d5;background:#8491a61a;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.stat span,.stat small,.stat strong{display:block}.stat span{color:var(--muted);font-size:12px}.stat strong{margin:3px 0 4px;font-size:30px;font-weight:650}.stat small{color:#647187;font-size:11px}.stat.cyan .stat-icon,.stat.cyan strong{color:var(--cyan)}.stat.cyan .stat-icon{background:var(--cyan-soft)}.stat.green .stat-icon,.stat.green strong{color:var(--green)}.stat.violet .stat-icon,.stat.violet strong{color:var(--violet)}.stat.red{border-color:#ff465c80}.stat.red .stat-icon,.stat.red strong{color:var(--red)}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.section-heading h2{margin:4px 0 5px;font-size:21px}.section-heading p{color:var(--muted);margin:0;font-size:12px}button.primary,button.ghost,button.danger{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}button.primary{color:#031015;background:var(--cyan);border:1px solid var(--cyan)}.primary:hover{background:#66e7ff}button.ghost{color:#bcc8d8;background:var(--panel);border:1px solid var(--border-bright)}.ghost:hover{background:var(--panel-3);color:#fff}button.danger{color:#fff;background:var(--red);border:1px solid var(--red)}.heading-actions select,.data-toolbar select{min-height:36px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.channel-card{border:1px solid var(--border);background:var(--panel);border-radius:10px;position:relative;overflow:hidden}.channel-card:before{content:"";background:#344157;width:2px;position:absolute;top:0;bottom:0;left:0}.channel-card.critical{border-color:#ff465c8c}.channel-card.critical:before{background:var(--red);box-shadow:0 0 13px var(--red)}@keyframes critical-flash{0%,45%{box-shadow:inset 0 0 0 1px #ff465c1f,0 0 #ff465c00}50%,to{box-shadow:inset 0 0 25px #ff465c24,0 0 18px #ff465c21}}.flash{animation:1.35s infinite critical-flash}.channel-head{border-bottom:1px solid var(--border);justify-content:space-between;min-height:85px;padding:17px 18px 14px;display:flex;position:relative}.channel-title{align-items:center;gap:9px;display:flex}.channel-title h3{margin:0;font-size:16px}.channel-head code{color:var(--cyan);margin-top:8px;font-size:11px;display:inline-block}.channel-head p{color:var(--muted);margin:5px 0 0;font-size:11px}.channel-head-actions{align-items:flex-start;gap:5px;display:flex}.channel-alert-toggle{color:#68758a;cursor:pointer;background:#68758a0f;border:1px solid #293446;border-radius:5px;align-items:center;gap:5px;height:31px;padding:0 7px;font-size:9px;display:inline-flex}.channel-alert-toggle:hover:not(:disabled){color:#d8e4f3;background:var(--panel-3)}.channel-alert-toggle.on{color:var(--cyan);background:#00d4ff0f;border-color:#00d4ff40}.channel-alert-toggle.error{color:#ff8796;background:#ff465c12;border-color:#ff465c59}.channel-alert-toggle:disabled{cursor:wait;opacity:.65}.channel-alert-toggle i{background:#303b4d;border-radius:8px;width:22px;height:12px;transition:background .18s;display:block;position:relative}.channel-alert-toggle i b{background:#78869b;border-radius:50%;width:8px;height:8px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px}.channel-alert-toggle.on i{background:#00d4ff47}.channel-alert-toggle.on i b{background:var(--cyan);transform:translate(10px)}.channel-menu-wrap{z-index:5;align-self:flex-start;position:relative}.channel-menu-wrap .more{border-radius:5px;width:31px;height:31px}.channel-menu-wrap .more:hover{color:#fff;background:var(--panel-3)}.channel-menu{border:1px solid var(--border-bright);background:#111925;border-radius:7px;width:145px;padding:5px;position:absolute;top:35px;right:0;box-shadow:0 14px 35px #00000080}.channel-menu button{color:#b8c4d5;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 9px;font-size:11px;display:flex}.channel-menu button:hover{background:var(--panel-3)}.channel-menu button.delete{color:#ff8796}.channel-menu button.delete:hover{background:#ff465c1a}.status-dot{background:#526074;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.status-dot.healthy{background:var(--green);box-shadow:0 0 8px #35d39ab3}.status-dot.onair{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.status-dot.critical{background:var(--red);box-shadow:0 0 9px var(--red);animation:.8s infinite blink}.status-dot.warning{background:var(--yellow)}.status-dot.offline,.status-dot.unknown{background:#59667a}@keyframes blink{50%{opacity:.18}}.providers{padding:4px 16px 10px}.provider{border-bottom:1px solid #222d3dbf;padding:12px 0}.provider:last-child{border-bottom:0}.provider-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.provider-head strong{align-items:center;gap:6px;font-size:12px;display:flex}.tag{color:#8290a6;background:#19212e;border-radius:3px;padding:3px 7px;font-size:9px}.tag.good{color:var(--green);background:#35d39a17}.inline-error{color:#ff8796;background:#ff465c14;border-radius:4px;margin-bottom:8px;padding:7px 9px;font-size:10px}.sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.source{background:#101722;border:1px solid #202a39;border-radius:6px;grid-template-columns:minmax(62px,1fr) auto auto;align-items:center;gap:8px;min-height:64px;padding:9px 8px 9px 32px;display:grid;position:relative}.source.active-output{background:var(--cyan-soft);border-color:#00d4ff61}.source.warning{border-color:#f8c34a59}.source.critical{border-color:#ff465c73}.source span,.source strong,.source-state b,.source-state small{display:block}.source span{color:var(--muted);font-size:9px}.source strong{margin-top:2px;font-size:11px}.source-state{text-align:right}.source-state b{color:#b8c4d4;font-size:9px}.source.active-output .source-state b{color:var(--cyan)}.source-state small{color:#68758a;margin-top:3px;font-size:8px}.select-source{color:#6f7d92;cursor:pointer;background:0 0;border:1px solid #354155;border-radius:3px;place-items:center;width:17px;height:17px;padding:0;display:grid;position:absolute;left:8px}.select-source.selected{color:#051117;background:var(--cyan);border-color:var(--cyan)}.checkbox-square{place-items:center;width:100%;height:100%;color:inherit!important;display:grid!important}.source-tools{align-items:center;gap:4px;display:flex}.source-preview,.source-record{cursor:pointer;border-radius:4px;align-items:center;gap:4px;min-height:27px;padding:0 7px;font-size:9px;display:inline-flex}.source-preview{color:#86dff0;background:#00d4ff12;border:1px solid #00d4ff3b}.source-preview:hover:not(:disabled){color:#dffaff;background:#00d4ff24;border-color:#00d4ff7a}.source-record{color:#ff9aa7;background:#ff465c12;border:1px solid #ff465c40}.source-record:hover:not(:disabled),.source-record.recording{color:#fff;background:#ff465c2e;border-color:#ff465c99}.source-record.recording svg{fill:var(--red);color:var(--red);animation:.9s infinite blink}.source-preview:disabled,.source-record:disabled{color:#586579;cursor:not-allowed;opacity:.72;background:#101722;border-color:#263142}.card-actions{border-top:1px solid var(--border);height:43px;display:flex}.card-actions button{color:#92a0b4;border:0;border-right:1px solid var(--border);cursor:pointer;background:#0d131c;flex:1;justify-content:center;align-items:center;gap:6px;font-size:11px;display:inline-flex}.card-actions button:last-child{border-right:0}.card-actions button:hover{color:var(--cyan);background:#111b27}.monitor-dock{z-index:35;left:calc(var(--sidebar) + 24px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111823f2;border:1px solid #00d4ff59;border-radius:8px;justify-content:space-between;align-items:center;min-height:56px;padding:9px 11px 9px 16px;display:flex;position:fixed;bottom:18px;right:24px;box-shadow:0 12px 35px #00000073}.monitor-dock>div{align-items:center;gap:10px;display:flex}.monitor-dock svg{color:var(--cyan)}.monitor-dock span{color:var(--muted);font-size:11px}.modal-layer{z-index:100;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#010408c7;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.modal{border:1px solid var(--border-bright);background:#0f151f;border-radius:11px;flex-direction:column;width:min(610px,100%);max-height:calc(100vh - 48px);display:flex;position:relative;box-shadow:0 28px 90px #000000a6}.modal.wide{width:min(880px,100%)}.modal.extra-wide{width:min(1120px,100%)}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:77px;padding:17px 20px;display:flex}.modal-head h2{margin:0;font-size:18px}.modal-head p{color:var(--muted);margin:5px 0 0;font-size:11px}.modal-head button{border-radius:5px;width:32px;height:32px}.modal-head button:hover{background:var(--panel-3);color:#fff}.modal-body{padding:20px;overflow:auto}.modal-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid label,.simple-card label,.login-card label{color:#aab6c8;gap:7px;font-size:11px;font-weight:600;display:grid}.form-grid label>small{color:#68758a;font-size:9px;font-weight:400;line-height:1.5}.span-2{grid-column:span 2}input,select,textarea{width:100%;min-height:39px;color:var(--text);background:#0a1018;border:1px solid #2c3749;border-radius:5px;padding:0 11px}input::placeholder{color:#566378}input:focus,select:focus{border-color:var(--cyan)}fieldset{border:1px solid var(--border);border-radius:6px;gap:22px;margin:0;padding:10px 12px;display:flex}fieldset legend{color:var(--muted);padding:0 5px;font-size:10px}label.check{align-items:center;gap:8px;display:flex}.check input,.confirm-check input,.switch-options input{width:15px;min-height:15px;accent-color:var(--cyan)}.form-error,.success-box{border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:10px 12px;font-size:12px;display:flex}.form-error{color:#ff9ba7;background:#ff465c1a;border:1px solid #ff465c3d}.success-box{color:var(--green);background:#35d39a17;border:1px solid #35d39a33;margin-bottom:15px}.hint-box{min-height:39px;color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.config-note{color:#9db0c7;background:#00d4ff0e;border:1px solid #00d4ff2e;border-radius:6px;align-items:flex-start;gap:9px;min-height:58px;padding:11px 12px;display:flex}.config-note>svg{color:var(--cyan);flex:none;margin-top:1px}.config-note strong,.config-note span{display:block}.config-note strong{color:#dce9f8;font-size:11px}.config-note span{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.55}.config-note.success{background:#35d39a0f;border-color:#35d39a33}.config-note.success>svg{color:var(--green)}.or{color:#69758a;align-items:center;gap:10px;font-size:10px;display:flex}.or:before,.or:after{content:"";background:var(--border);flex:1;height:1px}.loading{min-height:180px;color:var(--muted);place-content:center;justify-items:center;gap:9px;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{color:#556277;border:1px dashed #273244;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.empty strong{color:#9eabbe;margin-top:12px}.empty p{text-align:center;max-width:390px;margin:6px 0 0;font-size:11px}.empty.compact{border:0;min-height:170px}.address-groups{gap:18px;display:grid}.address-provider{border:1px solid var(--border);background:#0b1119;border-radius:8px;padding:15px}.address-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.address-title h3{margin:0}.address-title span{color:var(--muted);font-size:10px}.address-section{margin-top:13px}.address-section>strong{color:#b8c3d4;margin-bottom:6px;font-size:11px;display:block}.address-row{background:#0f1721;border-bottom:1px solid #1f2937;grid-template-columns:62px 1fr 34px;align-items:center;min-height:38px;display:grid}.address-row b{color:var(--cyan);padding-left:10px;font-size:9px}.address-row code{white-space:nowrap;color:#b7c4d5;padding:8px;font-size:10px;overflow:auto}.address-row button{color:#8491a5;cursor:pointer;background:0 0;border:0;height:100%}.delay-tip{margin-top:16px}.delay-tip code{color:#d9e6f5;white-space:nowrap;background:#ffffff0f;border-radius:3px;padding:1px 4px}.data-toolbar{justify-content:space-between;margin-bottom:14px;display:flex}.no-video{color:var(--green);background:#35d39a14;border-radius:4px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex}.source-tabs{gap:7px;margin-bottom:12px;display:flex;overflow-x:auto}.source-tabs button{text-align:left;color:#91a0b5;border:1px solid var(--border);cursor:pointer;background:#0a111a;border-radius:6px;grid-template-columns:10px 1fr;align-items:center;gap:3px 7px;min-width:170px;padding:9px 11px;display:grid}.source-tabs button.active{color:#dffaff;background:var(--cyan-soft);border-color:#00d4ff6b}.source-tabs span{font-size:10px}.source-tabs b{color:#6f7d91;grid-column:2;font-size:9px;font-weight:500}.source-tabs button.active b{color:var(--cyan)}.source-data-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.source-data-grid.single{grid-template-columns:minmax(0,1fr)}.data-source{border:1px solid var(--border);background:#0a111a;border-radius:7px;padding:13px}.data-source.current{background:var(--cyan-soft);border-color:#00d4ff66}.data-source>div:first-child{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.data-source h3{margin:8px 0 11px;font-size:14px}.data-source.current h3{color:var(--cyan)}.data-source dl{grid-template-columns:76px 1fr;gap:6px;margin:0;font-size:10px;display:grid}.data-source dt{color:#718096}.data-source dd{text-overflow:ellipsis;white-space:nowrap;color:#bdc9d9;margin:0;overflow:hidden}.chart-card,.timeline-card{border:1px solid var(--border);background:#0a111a;border-radius:8px;margin-top:12px;padding:16px}.chart-card>div:first-child{margin-bottom:13px}.chart-card h3,.timeline-card h3{margin:0;font-size:13px}.chart-card span,.timeline-card p{color:var(--muted);font-size:10px}.timeline-scroll{max-height:190px;margin-top:9px;overflow:auto}.timeline-row{border-bottom:1px solid #1b2532;grid-template-columns:14px 145px minmax(130px,1fr);align-items:center;gap:8px;min-height:34px;font-size:10px;display:grid}.timeline-row time,.timeline-row span{color:var(--muted)}.warning-box,.notice{color:#ffd778;background:#f8c34a14;border:1px solid #f8c34a38;border-radius:7px;gap:11px;padding:13px;display:flex}.warning-box p,.notice p{color:#9e9276;margin:4px 0 0;font-size:11px}.switch-options{gap:8px;margin:14px 0;display:grid}.switch-options label{border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:12px;display:flex}.switch-options label.selected{border-color:var(--cyan);background:var(--cyan-soft)}.switch-options strong,.switch-options span{display:block}.switch-options span{color:var(--muted);margin-top:3px;font-size:10px}.confirm-check{color:#a8b5c7;background:#0a1119;border-radius:6px;align-items:center;gap:9px;padding:12px;font-size:11px;display:flex}.monitor-overlay{z-index:110;background:#030609;flex-direction:column;padding:16px;display:flex;position:fixed;inset:0}.monitor-head{justify-content:space-between;align-items:center;min-height:56px;padding:0 5px 12px;display:flex}.monitor-head h2{margin:3px 0 0;font-size:18px}.monitor-head h2 span{color:var(--cyan)}.monitor-head button{border-radius:6px;width:38px;height:38px}.monitor-grid{flex:1;place-content:center;gap:7px;min-height:0;display:grid}.monitor-tile{aspect-ratio:16/9;background:#070b10;border:1px solid #263141;border-radius:4px;min-width:0;min-height:0;position:relative;overflow:hidden}.monitor-tile.critical{border-color:var(--red);animation:1s infinite critical-flash}.monitor-tile.healthy{border-color:#35d39a73}.count-1{grid-template-columns:minmax(0,1fr);width:min(100%,177.778vh - 177.778px);margin:auto}.count-2{grid-template-columns:repeat(2,1fr);width:100%}.count-3,.count-4{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,177.778vh - 195.556px);margin:auto}.count-3 .monitor-tile:last-child{grid-column:1/3;justify-self:center;width:50%}.count-5,.count-6{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.count-5 .monitor-tile:nth-last-child(2){grid-column:1/2;transform:translate(50%)}.count-5 .monitor-tile:last-child{grid-column:2/3;transform:translate(50%)}.count-7,.count-8{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.count-7 .monitor-tile:nth-last-child(3){grid-column:1/2;transform:translate(50%)}.count-7 .monitor-tile:nth-last-child(2){grid-column:2/3;transform:translate(50%)}.count-7 .monitor-tile:last-child{grid-column:3/4;transform:translate(50%)}.count-9{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,177.778vh - 195.556px);margin:auto}.player-wrap,.player-host,.player-host video{width:100%;height:100%}.player-host,.player-host video{object-fit:contain;background:#000}.player-placeholder{color:#526075;background:radial-gradient(circle,#101924,#06090d);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-placeholder strong{color:#8c9aae;margin-top:8px;font-size:11px}.player-placeholder span{margin-top:4px;font-size:9px}.tile-info{pointer-events:none;background:linear-gradient(#0000,#000000eb);justify-content:space-between;align-items:center;min-height:50px;padding:7px 9px;display:flex;position:absolute;bottom:0;left:0;right:0}.tile-info>div:first-child{grid-template-columns:12px auto;align-items:center;column-gap:6px;display:grid}.tile-info strong{font-size:11px}.tile-info span{color:#adb7c5;font-size:8px}.tile-info>div:first-child span{grid-column:2}.tile-info>div:last-child{text-align:right}.tile-info b{color:var(--cyan);font-size:9px;display:block}.table-card{background:var(--panel);border:1px solid var(--border);border-radius:9px;overflow:auto}.table-card table{border-collapse:collapse;width:100%;min-width:780px}.table-card th{color:#728097;border-bottom:1px solid var(--border);text-align:left;letter-spacing:.08em;text-transform:uppercase;background:#0b1119;height:43px;padding:0 15px;font-size:9px}.table-card td{color:#abb8ca;border-bottom:1px solid #1b2532;height:62px;padding:9px 15px;font-size:11px}.table-card tr:last-child td{border-bottom:0}.table-card td strong,.table-card td small{display:block}.table-card td strong{color:var(--text)}.table-card td small{color:#66748a;margin-top:4px}.row-actions{gap:5px;display:flex}.row-actions button{color:#8492a7;border:1px solid var(--border);cursor:pointer;background:#111925;border-radius:4px;place-items:center;width:30px;height:30px;display:grid}.status-pill,.role-pill,.result{border-radius:3px;padding:4px 7px;font-size:9px;display:inline-flex}.status-pill.running,.result.success{color:var(--green);background:#35d39a1a}.status-pill.scheduled{color:var(--cyan);background:var(--cyan-soft)}.status-pill.failed,.status-pill.retrying,.result.failed{color:var(--red);background:#ff465c1a}.role-pill.admin{color:var(--violet);background:#8e77ff1a}.role-pill.operator{color:var(--cyan);background:var(--cyan-soft)}.role-pill.viewer{color:#9aa7ba;background:#1a2230}.red{color:var(--red)!important}.input-with-button{grid-template-columns:minmax(0,1fr) 40px;gap:6px;display:grid}.input-with-button button{min-height:39px;padding:0}.form-divider{color:#718097;letter-spacing:.12em;align-items:center;gap:10px;height:20px;font-size:9px;display:flex}.form-divider:before,.form-divider:after{content:"";background:var(--border);flex:1;height:1px}.upload-picker{border:1px solid var(--border);background:#0a1119;border-radius:7px;grid-template-columns:minmax(150px,.7fr) minmax(190px,1.3fr);align-items:end;gap:10px;padding:12px;display:grid}.upload-picker>span{color:var(--muted);grid-column:span 2;font-size:10px}.green{color:var(--green)!important}.relay-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.relay-detail-grid>div{border:1px solid var(--border);background:#0a1119;border-radius:6px;min-width:0;padding:12px}.relay-detail-grid span,.relay-detail-grid strong{display:block}.relay-detail-grid span{color:var(--muted);font-size:9px}.relay-detail-grid strong{text-overflow:ellipsis;color:#c6d2e2;white-space:nowrap;margin-top:6px;font-size:11px;overflow:hidden}.user-cell{align-items:center;gap:9px;display:flex}.user-cell span{width:29px;height:29px}.search-box{border:1px solid var(--border);background:var(--panel);border-radius:6px;align-items:center;gap:6px;min-width:270px;padding-left:10px;display:flex}.search-box input{background:0 0;border:0;min-height:35px}.logs td{height:49px}.upload-progress{background:var(--panel);border:1px solid var(--border);border-radius:7px;margin:14px 0;padding:13px}.upload-progress>div{align-items:center;gap:8px;display:flex}.upload-progress span{color:var(--cyan);margin-left:auto}.upload-progress>i{background:#1c2634;height:4px;margin-top:10px;display:block;overflow:hidden}.upload-progress b{background:var(--cyan);height:100%;transition:width .2s;display:block}.file-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.file-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:12px;min-width:0;padding:15px;display:flex}.file-card.recording{border-color:#8e77ff47}.file-icon{width:43px;height:43px;color:var(--violet);background:#8e77ff1a;border-radius:7px;flex:none;place-items:center;display:grid}.file-card>div:nth-child(2){flex:1;min-width:0}.file-card h3{text-overflow:ellipsis;white-space:nowrap;margin:1px 0 5px;font-size:12px;overflow:hidden}.file-card p,.file-card span{color:var(--muted);margin:0;font-size:9px}.file-card span{color:#66748a;margin-top:6px;display:block}.file-card-actions{gap:5px;display:flex}.file-card-actions button{color:#8d9bb0;border:1px solid var(--border);cursor:pointer;background:#111925;border-radius:5px;flex:none;place-items:center;width:30px;height:30px;display:grid}.file-card-actions button:hover{color:#fff;background:#182231}.file-card-actions .file-delete{color:#ff8796;background:#ff465c0f;border-color:#ff465c33}.file-card-actions .file-delete:hover{color:#fff;background:#ff465c29}.alert-list{gap:9px;display:grid}.alert-item{background:var(--panel);border:1px solid var(--border);border-radius:7px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.alert-item.warning{background:#f8c34a09;border-color:#f8c34a57}.alert-item.critical{border-color:#ff465c73;animation:1.35s infinite critical-flash}.alert-symbol{width:38px;height:38px;color:var(--yellow);background:#f8c34a14;border-radius:6px;place-items:center;display:grid}.alert-item.critical .alert-symbol{color:var(--red);background:#ff465c1a}.alert-item h3{margin:0;font-size:13px}.alert-item p{color:var(--muted);margin:4px 0;font-size:11px}.alert-item time{color:#647187;font-size:9px}.settings-page{max-width:1080px}.settings-card{background:var(--panel);border:1px solid var(--border);border-radius:9px;margin-bottom:13px;padding:18px}.settings-title{color:var(--cyan);align-items:center;gap:9px;margin-bottom:16px;display:flex}.settings-title h3{color:var(--text);margin:0;font-size:14px}.login-page{background:#080c12;grid-template-columns:1.25fr .75fr;min-height:100vh;display:grid}.login-visual{border-right:1px solid var(--border);background:radial-gradient(circle at 22% 38%,#00d4ff1f,#0000 28%),linear-gradient(135deg,#0e1723,#06090e 65%);min-height:620px;position:relative;overflow:hidden}.visual-grid{opacity:.28;background-image:linear-gradient(#3e50674d 1px,#0000 1px),linear-gradient(90deg,#3e50674d 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.login-visual:before,.login-visual:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:70%;height:1px;box-shadow:0 0 18px var(--cyan);position:absolute;left:8%}.login-visual:before{top:37%;transform:rotate(-8deg)}.login-visual:after{opacity:.45;top:63%;transform:rotate(5deg)}.visual-copy{z-index:1;flex-direction:column;justify-content:center;max-width:690px;height:100%;padding:44px 8vw;display:flex;position:relative}.brand.large{padding:0;position:absolute;top:34px;left:8vw}.brand.large .brand-mark{width:45px;height:45px}.visual-copy h1{letter-spacing:-.045em;margin:0;font-size:clamp(44px,5vw,76px);line-height:1.07}.visual-copy p{color:#8e9bae;max-width:510px;margin:24px 0;font-size:15px;line-height:1.8}.signal-line{color:var(--cyan);letter-spacing:.16em;align-items:center;gap:6px;margin-top:22px;font-size:9px;display:flex}.signal-line span{background:var(--cyan);width:5px;height:17px}.signal-line span:nth-child(2){opacity:.7;height:28px}.signal-line span:nth-child(3){opacity:.4;height:10px}.signal-line b{margin-left:8px}.login-card{gap:21px;width:min(390px,100% - 48px);margin:auto;display:grid}.login-card h2{margin:5px 0;font-size:28px}.login-card p{color:var(--muted);margin:0}.password-field{position:relative}.password-field input{padding-right:42px}.password-field button{width:40px;height:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.login-button{height:44px!important}.secure-note{color:#68758a;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.login-mobile-brand{display:none}.splash,.center-page{min-height:100vh;color:var(--muted);background:var(--bg);justify-content:center;align-items:center;gap:13px;display:flex}.simple-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;gap:16px;width:min(430px,100% - 32px);padding:28px;display:grid}.simple-card>svg{color:var(--cyan)}.simple-card h2{margin:0}.simple-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.backdrop{display:none}@media (max-width:1180px){.stats-grid,.source-data-grid,.file-grid{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:1fr}}@media (max-width:760px){:root{--sidebar:0px}.sidebar{width:245px;transition:transform .22s;transform:translate(-100%);box-shadow:16px 0 50px #00000080}.sidebar.open{transform:translate(0)}.backdrop{z-index:45;background:#0009;border:0;display:block;position:fixed;inset:0}.main{margin-left:0}.topbar{height:72px;padding:0 16px}.mobile-menu{margin-right:12px;display:grid}.topbar>div:first-of-type{margin-right:auto}.topbar h1{font-size:17px}.connection{display:none}.content{padding:20px 14px 88px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:25px}.stat{gap:10px;min-height:104px;padding:13px}.stat-icon{width:32px;height:32px}.stat strong{font-size:23px}.stat small{display:none}.section-heading{flex-direction:column;align-items:flex-start}.heading-actions{width:100%}.section-heading>button,.heading-actions .primary{flex:1}.channel-grid,.sources{grid-template-columns:1fr}.source{min-height:52px}.channel-head{min-height:74px}.card-actions button{min-height:44px}.monitor-dock{bottom:10px;left:10px;right:10px}.monitor-dock span{display:none}.modal-layer{align-items:end;padding:0}.modal{border-radius:14px 14px 0 0;max-height:92vh;width:100%!important}.modal-body{padding:16px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.address-title{flex-direction:column;align-items:flex-start;gap:5px}.address-row{grid-template-columns:52px minmax(0,1fr) 34px}.address-row code{max-width:100%}.source-data-grid{grid-template-columns:1fr}.timeline-row{grid-template-columns:12px 1fr 1fr}.timeline-row span{display:none}.monitor-overlay{padding:8px;overflow:hidden}.monitor-grid{place-content:start stretch;display:grid;overflow-y:auto;grid-template-columns:1fr!important;width:100%!important}.monitor-grid.count-3,.monitor-grid.count-4,.monitor-grid.count-5,.monitor-grid.count-6,.monitor-grid.count-7,.monitor-grid.count-8,.monitor-grid.count-9{grid-template-columns:repeat(2,minmax(0,1fr))!important}.monitor-grid .monitor-tile{grid-column:auto!important;width:100%!important;transform:none!important}.monitor-grid.count-1,.monitor-grid.count-2{grid-template-columns:1fr!important}.monitor-tile{align-self:start}.file-grid{grid-template-columns:1fr}.alert-item{grid-template-columns:36px 1fr}.alert-item>button{grid-column:2;justify-self:start}.search-box{width:100%;min-width:0}.upload-picker,.relay-detail-grid{grid-template-columns:1fr}.upload-picker>span{grid-column:auto}.login-page{grid-template-columns:1fr;align-items:center}.login-visual{display:none}.login-card{padding:36px 0}.login-mobile-brand{color:var(--cyan);align-items:center;gap:8px;font-weight:700;display:flex}}