:root{color:#e9f8ff;font-synthesis:none;--bg:#050a10;--panel:#09111a;--panel2:#0b1621;--panel3:#071019;--line:#173042;--line2:#0f2635;--cyan:#00d9ff;--cyan2:#35e5ff;--cyan-dim:#073847;--green:#24e27b;--red:#ff4d5f;--text:#e9f8ff;--muted:#7590a3;background:#050a10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 80% 0,#082330 0,#0000 33%),linear-gradient(#050a10 0%,#071018 100%);margin:0}button,input{font:inherit}.app{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--line);background:linear-gradient(#071019 0%,#050c13 100%);flex-direction:column;width:250px;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:18px 0 40px #0003}.brand{align-items:center;gap:12px;padding:3px 8px 24px;display:flex}.brandmark{color:#00151c;background:linear-gradient(135deg,#00d9ff,#087ca2);border-radius:11px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 24px #00d9ff40}.brand b,.brand span{display:block}.brand b{color:var(--cyan2);letter-spacing:.01em;font-size:17px}.brand span{color:#66869b;margin-top:2px;font-size:11px}nav{gap:6px;display:grid}nav button{color:#9bb0c0;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:12px 11px;transition:all .15s;display:flex}nav button.active{color:#fff;box-shadow:inset 3px 0 0 var(--cyan),0 0 18px #00d9ff14;background:linear-gradient(90deg,#00d9ff21,#00d9ff08);border-color:#00bfe7}nav button:hover{background:#0b1822;border-color:#163547}.dot{background:#405463;border-radius:999px;width:8px;height:8px}.dot.live{background:var(--green);box-shadow:0 0 12px #24e27ba6}nav strong,nav small{display:block}nav small{letter-spacing:.09em;color:#5e7a8e;margin-top:3px;font-size:9px}.asidefoot{color:#567085;border-top:1px solid #102431;margin-top:auto;padding:10px;font-size:11px;line-height:1.65}main{grid-column:2;width:100%;max-width:1600px;padding:30px 36px 52px}header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}h1,h2,h3,p{margin:0}header h1{letter-spacing:-.02em;font-size:30px}header p,.sectionTitle p{color:var(--muted);margin-top:5px;font-size:13px}.headActions{gap:9px;display:flex}.headActions button{color:#d9f7ff;cursor:pointer;background:#0b1721;border:1px solid #1c3b4d;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;transition:all .15s;display:flex}.headActions button:hover{border-color:var(--cyan);box-shadow:0 0 15px #00d9ff1f}.headActions .success{color:#74efff;background:#072b31;border-color:#00a9c8}.headActions .danger{color:#ffb2bb;background:#251116;border-color:#6e2530}.headActions button:disabled{opacity:.45;cursor:not-allowed}.error{color:#ffb7bd;background:#2a1016;border:1px solid #742832;border-radius:9px;margin-bottom:16px;padding:12px 14px}.ingestCard{border:1px solid var(--line);background:linear-gradient(#0a1520,#08111a);border-radius:12px;margin-bottom:26px;padding:19px;box-shadow:0 14px 32px #0000002e}.ingestTop{align-items:center;gap:12px;margin-bottom:17px;display:flex}.statusIcon{color:#6c8798;background:#10202b;border:1px solid #183445;border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.statusIcon.live{color:#4bf39a;background:#063026;border-color:#0a5a42}.ingestTop h3{font-size:15px}.ingestTop p{color:#6e899c;margin-top:3px;font-size:12px}.pill{color:#7d94a5;letter-spacing:.08em;background:#12202a;border:1px solid #1a3546;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:10px;font-weight:800}.pill.green{color:#4bf39a;background:#063026;border-color:#0a5a42}.ingestGrid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.ingestGrid label{color:#6a879b;letter-spacing:.08em;font-size:10px;font-weight:700}.copyField{background:#050b11;border:1px solid #163142;border-radius:7px;align-items:center;margin-top:7px;display:flex}.copyField code{text-overflow:ellipsis;white-space:nowrap;color:var(--cyan2);flex:1;padding:11px 12px;overflow:hidden}.copyField button{color:#6e9caf;cursor:pointer;background:0 0;border:0;border-left:1px solid #163142;width:40px;height:38px}.copyField button:hover{color:var(--cyan)}.sectionTitle{justify-content:space-between;align-items:end;margin:0 2px 12px;display:flex}.sectionTitle h2{font-size:18px}.sectionTitle span{color:var(--cyan);font-size:12px}.outputs{border:1px solid var(--line);background:#071019;border-radius:12px;overflow:hidden;box-shadow:0 14px 32px #0000002e}.outputRow{border-bottom:1px solid #102736;grid-template-columns:48px minmax(360px,1fr) 150px 55px;align-items:center;gap:13px;padding:13px 15px;display:grid}.outputRow:last-child{border-bottom:0}.outputRow:hover{background:#0a1721}.num{color:#4d6d82;font-size:12px;font-weight:800}.outMain{min-width:0}.outTitle{align-items:center;gap:9px;display:flex}.outTitle input{color:#e9f8ff;background:0 0;border:0;outline:none;width:180px;padding:2px 0;font-weight:700}.outTitle input:focus{color:var(--cyan2)}.state{text-transform:uppercase;letter-spacing:.07em;color:#7893a5;background:#15232d;border:1px solid #1b3545;border-radius:999px;padding:3px 7px;font-size:9px}.state.running{color:#4bf39a;background:#062b23;border-color:#0b5a43}.state.failed{color:#ff7d8a;background:#2b1016;border-color:#6b2430}.state.starting{color:#f6d365;background:#2a2310;border-color:#62521e}.url{color:#a9c3d3;background:#040a0f;border:1px solid #153042;border-radius:6px;outline:none;width:100%;margin-top:6px;padding:8px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.url:focus{border-color:var(--cyan);color:#dffaff;box-shadow:0 0 0 2px #00d9ff14}.logline{color:#d78189;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;overflow:hidden}.metrics{color:#607f92;grid-template-columns:auto auto;gap:3px 7px;font-size:9px;display:grid}.metrics b{text-align:right;color:#b8d4e2;font-size:10px}.toggle{cursor:pointer;background:#13242f;border:1px solid #264758;border-radius:999px;width:44px;height:24px;padding:2px;transition:all .15s}.toggle span{background:#7d9aaa;border-radius:50%;width:18px;height:18px;transition:all .15s;display:block}.toggle.on{background:#073b48;border-color:#00b8da;box-shadow:0 0 14px #00d9ff2e}.toggle.on span{background:var(--cyan2);transform:translate(20px);box-shadow:0 0 10px #00d9ff8c}.toggle:disabled{opacity:.4;cursor:not-allowed}footer{color:#506d80;text-align:right;margin-top:13px;font-size:10px}.loading{color:#fff;padding:50px}@media (width<=900px){.app{display:block}aside{width:auto;position:static}.asidefoot{display:none}nav{grid-template-columns:repeat(3,1fr)}main{grid-column:auto;padding:20px}.outputRow{grid-template-columns:35px 1fr 50px}.metrics{display:none}.ingestGrid{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start;gap:12px}.headActions{flex-wrap:wrap}}.brandmark{background:#03070b;flex:0 0 42px;overflow:hidden;box-shadow:0 0 24px #00d9ff33}.brandmark img{object-fit:contain;width:36px;height:36px;display:block}.tabs{border-bottom:1px solid var(--line);gap:5px;margin:-7px 0 20px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:10px 14px;display:flex}.tabs button.active{color:var(--cyan2);border-bottom-color:var(--cyan)}.settingsGrid{border-bottom:1px solid var(--line2);grid-template-columns:1fr 1fr;gap:13px;margin-bottom:15px;padding-bottom:15px;display:grid}.settingsGrid label{color:#6a879b;letter-spacing:.08em;font-size:10px;font-weight:700}.settingsGrid input{width:100%;color:var(--cyan2);background:#050b11;border:1px solid #163142;border-radius:7px;outline:none;margin-top:7px;padding:10px 11px;display:block}.settingsGrid input:focus{border-color:var(--cyan)}.projectCodeControl{grid-template-columns:1fr 38px;margin-top:7px;display:grid}.projectCodeControl select{border-radius:7px 0 0 7px;margin-top:0!important}.projectCodeControl button{color:var(--cyan2);cursor:pointer;background:#09202b;border:1px solid #163142;border-left:0;border-radius:0 7px 7px 0;place-items:center;display:grid}.projectCodeControl button:disabled{opacity:.5}.settingsGrid label>small{color:#58768a;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:9px;display:block;overflow:hidden}.settingsGrid label>small.larkError{color:#ff7d8a}.destinationFields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.secretField{position:relative}.secretField .url{padding-right:38px}.secretField button{color:#7394a7;cursor:pointer;background:#071019;border:0;border-left:1px solid #153042;width:36px;height:32px;position:absolute;top:7px;right:1px}.monitorGrid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:15px;display:grid}.monitorCard{border:1px solid var(--line);background:linear-gradient(#0a1520,#08111a);border-radius:12px;padding:17px;box-shadow:0 14px 32px #0000002e}.monitorHead,.monitorHead>div{align-items:center;gap:9px;display:flex}.monitorHead{justify-content:space-between}.monitorHead .pill{margin-left:0}.graph{margin:17px 0 10px;position:relative}.sparkline{background:linear-gradient(#00d9ff12,#0000);border-bottom:1px solid #174052;width:100%;height:105px;margin:0;display:block}.sparkline polyline{fill:none;stroke:var(--cyan);stroke-width:2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #00d9ff80)}.sparkline .gridLine{stroke:#173444;stroke-width:.35px;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.sparkline .minuteGrid{stroke:#173444;stroke-width:.18px;stroke-dasharray:1 2;vector-effect:non-scaling-stroke}.sparkline .hoverLine{stroke:#d9f7ff;stroke-width:.7px;vector-effect:non-scaling-stroke}.timeAxis{color:#58778a;font-variant-numeric:tabular-nums;grid-auto-columns:1fr;grid-auto-flow:column;padding-top:5px;font-size:9px;display:grid}.timeAxis time{text-align:center;min-width:0}.timeAxis time:first-child{text-align:left}.timeAxis time:last-child{text-align:right}.graphTooltip{z-index:8;pointer-events:none;min-width:210px;color:var(--text);background:#030a10f5;border:1px solid #246078;border-radius:8px;padding:8px 10px;font-size:10px;position:absolute;top:5px;transform:translate(9px);box-shadow:0 10px 28px #00000073}.graphTooltip.left{transform:translate(calc(-100% - 9px))}.graphTooltip>time{color:var(--cyan2);margin-bottom:6px;font-weight:700;display:block}.graphTooltip>div{grid-template-columns:8px minmax(90px,1fr) auto auto;align-items:center;gap:7px;margin-top:4px;display:grid}.graphTooltip i{border-radius:50%;width:7px;height:7px}.graphTooltip strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.graphTooltip span{color:#93afbf;font-variant-numeric:tabular-nums}.healthStats{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.healthStats div{border:1px solid var(--line2);background:#050b11;border-radius:7px;padding:9px}.healthStats span,.healthStats b{display:block}.healthStats span{color:var(--muted);letter-spacing:.08em;font-size:9px}.healthStats b{margin-top:4px;font-size:13px}.monitorCard>code{color:#64879b;text-overflow:ellipsis;margin-top:12px;font-size:10px;display:block;overflow:hidden}@media (width<=900px){.settingsGrid,.destinationFields,.monitorGrid{grid-template-columns:1fr}}.loginPage{background:radial-gradient(circle at 50% 0,#083142,#0000 45%),#050a10;place-items:center;min-height:100vh;display:grid}.loginCard{border:1px solid var(--line);background:#08131d;border-radius:14px;width:min(390px,100vw - 30px);padding:28px;box-shadow:0 25px 70px #0008}.loginCard .brandmark{margin-bottom:16px}.loginCard h1{font-size:24px}.loginCard>p{color:var(--muted);margin:5px 0 22px}.loginCard label{color:#6a879b;letter-spacing:.08em;margin-top:13px;font-size:10px;font-weight:700;display:block}.loginCard input,.addUser input,.addUser select,.userRow select{width:100%;color:var(--text);background:#050b11;border:1px solid #173447;border-radius:7px;outline:none;margin-top:6px;padding:10px}.loginCard>button,.addUser button,.userRow button{color:var(--cyan2);cursor:pointer;background:#073b48;border:1px solid #00a9c8;border-radius:7px;padding:10px 13px}.loginCard>button{width:100%;margin-top:20px}.signedIn{color:var(--cyan2);align-self:center;font-size:12px}.platformRow{gap:7px;margin-top:7px;display:flex}.platformRow select{color:#bfeefa;background:#07131c;border:1px solid #173447;border-radius:6px;padding:7px 9px}.platformRow .groupSelect{color:#94adbc;max-width:190px}.outputNameLabel{color:var(--muted);letter-spacing:.08em;font-size:9px}.outputNameLabel input{margin-top:3px;display:block}.usersPanel{border:1px solid var(--line);background:#071019;border-radius:12px;padding:18px}.addUser{grid-template-columns:1fr 1fr 160px auto;align-items:end;gap:9px;margin-bottom:17px;display:grid}.addUser input,.addUser select{margin:0}.addUser button{align-items:center;gap:6px;display:flex}.userRows{gap:7px;display:grid}.userRow{border:1px solid var(--line2);background:#091721;border-radius:8px;grid-template-columns:1fr 150px 130px 90px 42px;align-items:center;gap:8px;padding:10px;display:grid}.userRow strong,.userRow span{display:block}.userRow span{color:var(--muted);margin-top:2px;font-size:10px}.userRow select{margin:0}.userRow button{color:#b7d4e3;background:#0b1c27;border-color:#25485b;padding:8px}.userRow .iconDanger{color:#ff7d8a;background:#2b1016;border-color:#6b2430}.url:disabled{opacity:.75;color:#72aabd}@media (width<=900px){.addUser,.userRow{grid-template-columns:1fr}.signedIn{display:none}}.state.running{color:#ff7180;background:#30090e;border-color:#9d2330;animation:1.05s ease-in-out infinite redPulse;box-shadow:0 0 12px #ff4d5f59}.liveBadge{color:#7d94a5;letter-spacing:.08em;background:#12202a;border:1px solid #1a3546;border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:5px 9px;font-size:10px;font-weight:800;display:flex}.liveBadge.active{color:#ff7180;background:#30090e;border-color:#9d2330;box-shadow:0 0 15px #ff4d5f4d}.liveBadge.active span{background:var(--red);width:8px;height:8px;box-shadow:0 0 9px var(--red);border-radius:50%;animation:1.05s ease-in-out infinite redPulse}@keyframes redPulse{0%,to{opacity:.55;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.45)}}.monitorTabs{gap:8px;margin-bottom:14px;display:flex}.monitorTabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#08131d;border-radius:8px;padding:8px 18px}.monitorTabs button.active{color:var(--cyan2);border-color:var(--cyan);background:#07303b}.outputMonitor{width:100%}.monitorHint{color:var(--muted);font-size:11px}.outputLegend{grid-template-columns:repeat(2,minmax(260px,1fr));gap:7px;display:grid}.outputLegend button{border:1px solid var(--line2);color:#6b8393;text-align:left;cursor:pointer;background:#050b11;border-radius:7px;grid-template-columns:10px 1fr 18px;align-items:center;gap:9px;padding:9px;display:grid}.outputLegend button.visible{color:var(--text);border-color:#23465b}.outputLegend button>span{border-radius:50%;width:9px;height:9px}.outputLegend button strong{font-size:11px;display:block}.outputLegend button small{gap:12px;margin-top:4px;display:flex}.outputLegend button b{color:#8aa8ba;font-size:9px}.outputLegend button b.increased,.metrics b.metricAlert{color:#ff7180;text-shadow:0 0 8px #ff4d5f8c}.outputLegend button.dropWarning{background:#240e14;border-color:#8c2936;box-shadow:0 0 12px #ff4d5f29}.serverMonitorGrid{grid-template-columns:repeat(2,minmax(360px,1fr));gap:15px;display:grid}.serverMonitorCard{min-width:0}.serverLegend{grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px;margin-top:12px;display:grid}.serverLegend>div{border:1px solid var(--line2);background:#050b11;border-radius:7px;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;padding:9px 11px;display:grid}.serverLegend i{border-radius:50%;width:8px;height:8px;box-shadow:0 0 7px}.serverLegend span{color:var(--muted);letter-spacing:.08em;font-size:9px}.serverLegend b{font-variant-numeric:tabular-nums;font-size:11px}@media (width<=1100px){.serverMonitorGrid{grid-template-columns:1fr}}.srtReceiverSummary{grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px;margin:0 0 12px;display:grid}.srtReceiverSummary>div{border:1px solid var(--line2);background:#050b11;border-radius:7px;padding:9px}.srtReceiverSummary span,.srtReceiverSummary b{display:block}.srtReceiverSummary span{color:var(--muted);letter-spacing:.08em;font-size:9px}.srtReceiverSummary b{margin-top:4px;font-size:13px}.srtCallers{gap:6px;margin:0 0 12px;display:grid}.srtCallers>button{color:#6f8796;text-align:left;cursor:pointer;background:#07121b;border:1px solid #172f3e;border-radius:7px;grid-template-columns:10px 85px minmax(180px,1fr) 100px 85px 18px;align-items:center;gap:9px;padding:8px 10px;display:grid}.srtCallers>button.visible{color:var(--text);border-color:#294a5e}.srtCallers i{border-radius:50%;width:9px;height:9px;box-shadow:0 0 7px}.srtCallers span{font-size:10px;font-weight:700}.srtCallers code{color:#8db2c5;text-overflow:ellipsis;font-size:10px;overflow:hidden}.srtCallers b{font-size:10px}.srtCallers small{color:var(--muted);text-align:right;font-size:9px}nav button[draggable=true]{cursor:grab}nav button.dragging{opacity:.45;border-style:dashed}nav button[draggable=true]:active{cursor:grabbing}@media (width<=900px){.outputLegend{grid-template-columns:1fr}.healthStats{grid-template-columns:repeat(2,1fr)}.srtReceiverSummary{grid-template-columns:repeat(3,1fr)}.srtCallers>button{grid-template-columns:10px 70px 1fr 18px}.srtCallers b,.srtCallers small{display:none}}.brand em{color:#7ca0b5;vertical-align:top;margin-left:4px;font-size:9px;font-style:normal}.addChannel{color:var(--cyan2);cursor:pointer;background:#07151f;border:1px dashed #1d4b61;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin:10px 2px;padding:9px;display:flex}.bandwidthMini{border-top:1px solid #102431;margin-top:auto;padding:14px 9px 8px}.bandwidthMini>div{justify-content:space-between;gap:8px;display:flex}.bandwidthMini span{color:var(--muted);letter-spacing:.08em;font-size:9px}.bandwidthMini b{font-size:10px}.bandwidthMini .meter{background:#12232e;border-radius:10px;height:5px;margin:6px 0 12px;overflow:hidden}.bandwidthMini .meter i{background:var(--green);height:100%;transition:all .25s;display:block}.bandwidthMini .meter i.warning{background:#f6d365}.bandwidthMini .meter i.critical{background:var(--red);box-shadow:0 0 8px var(--red)}.bandwidthMini small{color:#526f82;font-size:9px}.sectionActions{align-items:center;gap:8px;display:flex}.sectionActions button,.deleteOutput{color:#a9cada;cursor:pointer;background:#0a1b26;border:1px solid #24475a;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;display:flex}.sectionActions .deleteChannel,.deleteOutput{color:#ff8792;background:#261116;border-color:#652631}.outputRow{grid-template-columns:48px minmax(500px,1fr) 150px 38px 55px}.deleteOutput{justify-content:center;width:32px;height:32px;padding:0}.settingsGrid select{width:100%;color:var(--cyan2);background:#050b11;border:1px solid #163142;border-radius:7px;outline:none;margin-top:7px;padding:10px 11px;display:block}.srtDetails{grid-template-columns:1fr 1fr;gap:13px;display:grid}.srtDetails>div{border:1px solid var(--line2);background:#050b11;border-radius:8px;padding:12px}.srtDetails h4{color:var(--cyan2);letter-spacing:.08em;margin:0;font-size:10px}.srtDetails p{color:var(--muted);margin-top:4px;font-size:11px}.srtDetails .srtEndpoint{grid-column:1/-1;justify-content:space-between;display:flex}.srtEndpoint b{color:var(--muted);font-size:10px}.srtEndpoint code{color:var(--cyan2)}.srtDetails pre{white-space:pre-wrap;color:#a9c8d8;background:#03080d;border:1px solid #142d3c;border-radius:6px;padding:9px;font-size:10px;line-height:1.55}.copySettings{color:var(--cyan2);cursor:pointer;background:#09202b;border:1px solid #1d4b61;border-radius:6px;align-items:center;gap:6px;padding:7px 9px;display:flex}.srtDetails .copyField code{font-size:9px}@media (width<=900px){.outputRow{grid-template-columns:35px 1fr 34px 50px}.metrics{display:none}.srtDetails{grid-template-columns:1fr}.srtDetails .srtEndpoint{grid-column:auto}.sectionActions{flex-wrap:wrap}}.usagePanel{border:1px solid var(--line);background:#071019;border-radius:12px;padding:18px;box-shadow:0 14px 32px #0000002e}.usageHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.usageHeader h2{font-size:19px}.usageHeader p{color:var(--muted);margin-top:5px;font-size:12px}.usageActions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.usageHeader button,.usagePlan button{color:var(--cyan2);cursor:pointer;background:#09202b;border:1px solid #1d4b61;border-radius:7px;align-items:center;gap:6px;padding:8px 11px;display:flex}.usageFilters{border:1px solid var(--line2);background:#050b11;border-radius:9px;flex-wrap:wrap;align-items:end;gap:9px;margin:18px 0 13px;padding:13px;display:flex}.usageFilters label,.usagePlan label{color:#708da0;letter-spacing:.08em;font-size:9px;font-weight:700}.usageFilters input,.usageFilters select,.usagePlan input{color:#dff8ff;background:#08141d;border:1px solid #183548;border-radius:6px;outline:none;min-width:150px;margin-top:6px;padding:8px 9px;display:block}.usageTotals{grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;margin-bottom:13px;display:grid}.usageTotals>div{background:linear-gradient(#0b1b27,#07131c);border:1px solid #173447;border-radius:8px;padding:11px}.usageTotals span,.usageTotals b{display:block}.usageTotals span{color:#6f8b9e;letter-spacing:.08em;font-size:9px}.usageTotals b{color:#dff8ff;margin-top:5px;font-size:15px}.usageTotals>div:last-child b{color:#35e5ff}.usagePlan{background:#071721;border:1px solid #173447;border-radius:8px;grid-template-columns:1fr 150px 170px auto;align-items:end;gap:10px;margin-bottom:13px;padding:12px;display:grid}.usagePlan strong,.usagePlan span{display:block}.usagePlan strong{font-size:12px}.usagePlan span{color:var(--muted);margin-top:4px;font-size:10px}.usagePlan input{width:100%;min-width:0}.usagePlan button{justify-content:center}.usageTableWrap{border:1px solid var(--line2);border-radius:8px;overflow:auto}.usageTable{border-collapse:collapse;white-space:nowrap;width:100%;font-size:10px}.usageTable th{text-align:left;color:#6f8da0;letter-spacing:.07em;background:#050b11;border-bottom:1px solid #173142;padding:10px;font-size:9px}.usageTable td{color:#a9c5d4;border-bottom:1px solid #102532;padding:10px}.usageTable tr:last-child td{border-bottom:0}.usageTable td strong,.usageTable td small{display:block}.usageTable td strong{color:#e3f8ff}.usageTable td small{color:#547286;margin-top:3px}.usageTable .emptyUsage{text-align:center;color:#5f7d90;padding:24px}.usageNote{color:#58768a;margin-top:10px;font-size:9px;line-height:1.5}@media (width<=1100px){.usageTotals{grid-template-columns:repeat(3,1fr)}.usagePlan{grid-template-columns:1fr 1fr}.usagePlan>div{grid-column:1/-1}}@media (width<=650px){.usageTotals{grid-template-columns:repeat(2,1fr)}.usagePlan{grid-template-columns:1fr}.usagePlan>div{grid-column:auto}.usageFilters label,.usageFilters input,.usageFilters select{width:100%}}@media print{body.printingUsage{color:#111;background:#fff}body.printingUsage .app{min-height:0;display:block}body.printingUsage aside,body.printingUsage main>header,body.printingUsage main>.tabs,body.printingUsage main>footer,body.printingUsage .usageActions,body.printingUsage .usagePlan button{display:none!important}body.printingUsage main{max-width:none;padding:0;display:block}body.printingUsage .usagePanel{color:#111;box-shadow:none;background:#fff;border:0;padding:0}body.printingUsage .usageHeader p,body.printingUsage .usageNote,body.printingUsage .usagePlan span{color:#444}body.printingUsage .usageFilters,body.printingUsage .usagePlan,body.printingUsage .usageTotals>div{background:#fff;border-color:#bbb}body.printingUsage .usageFilters input,body.printingUsage .usageFilters select,body.printingUsage .usagePlan input{color:#111;background:#fff;border-color:#bbb}body.printingUsage .usageTotals span,body.printingUsage .usageTotals b,body.printingUsage .usageTable th,body.printingUsage .usageTable td,body.printingUsage .usageTable td strong,body.printingUsage .usageTable td small{color:#111}body.printingUsage .usageTableWrap{border-color:#bbb;overflow:visible}body.printingUsage .usageTable{white-space:normal;font-size:8px}body.printingUsage .usageTable th,body.printingUsage .usageTable td{border-color:#ccc;padding:6px}body.printingUsage .usageTable th{background:#eee}}.usageFilters input,.usageFilters select,.usagePlan input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--cyan);font-family:inherit;box-shadow:inset 0 0 0 1px #00d9ff06}.usageFilters select{appearance:none;background-color:#08141d;background-image:linear-gradient(45deg,#0000 50%,#30dfff 50%),linear-gradient(135deg,#30dfff 50%,#0000 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:30px}.usageFilters select:focus,.usageFilters input:focus,.usagePlan input:focus{border-color:#00bddd;box-shadow:0 0 0 2px #00d9ff1f,0 0 14px #00d9ff14}.usageFilters select option{color:#dff8ff;background:#07131c}.usageFilters input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(84%)sepia(83%)saturate(2348%)hue-rotate(145deg)brightness(102%);opacity:.9}.serverMonitorGrid{grid-template-columns:1fr}.serverMonitorPair{border:1px solid #0000;border-radius:13px;grid-template-columns:repeat(2,minmax(360px,1fr));gap:15px;transition:border-color .15s,background .15s,opacity .15s;display:grid}.serverMonitorPair[draggable=true]{cursor:grab}.serverMonitorPair[draggable=true]:hover{background:#00d9ff06;border-color:#00d9ff33}.serverMonitorPair.dragging{opacity:.48;border-color:var(--cyan)}.monitorCollapse{color:#78dff1;cursor:pointer;background:#071923;border:1px solid #1b4255;border-radius:6px;justify-content:center;align-items:center;width:25px;height:25px;padding:0;display:inline-flex}.monitorCollapse:hover{color:#b8f7ff;background:#0a2632;border-color:#00aeca}.monitorHead>div{align-items:center;gap:8px;display:flex}.serverMonitorPairHead{background:#07141d;border:1px solid #173a4d;border-radius:9px;grid-column:1/-1;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.serverMonitorPairHead>div{align-items:center;gap:9px;display:flex}.serverMonitorPairHead strong{color:#e6f8ff;font-size:13px}.serverMonitorPairHead>span{color:#66879a;letter-spacing:.08em;font-size:9px}.monitorCard>.monitorHead:only-child{margin-bottom:0}@media (width<=1100px){.serverMonitorPair{grid-template-columns:1fr}}.destinationGroups{gap:13px;display:grid}.destinationGroup{border:1px solid var(--line);background:#071019;border-radius:12px;overflow:hidden;box-shadow:0 14px 32px #00000029}.destinationGroupHead{color:#9bb8c8;background:linear-gradient(#0c1a26,#09151f);border-bottom:1px solid #153042;grid-template-columns:28px 18px minmax(160px,1fr) 34px auto 34px;align-items:center;gap:8px;padding:10px 13px;display:grid}.destinationGroupHead>input{color:#e6f8ff;background:0 0;border:1px solid #0000;border-radius:5px;outline:none;min-width:0;padding:5px 7px;font-weight:800}.destinationGroupHead>input:hover,.destinationGroupHead>input:focus{color:var(--cyan2);background:#07131c;border-color:#25536a}.destinationGroupHead>strong{padding:5px 7px}.destinationGroupHead>span{color:#84a0b1;border:1px solid #254456;border-radius:999px;place-items:center;width:27px;height:22px;font-size:10px;display:grid}.destinationGroupHead button{color:#a9cada;cursor:pointer;background:#0a1b26;border:1px solid #24475a;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:6px 9px;display:flex}.destinationGroupHead .collapseGroup{background:0 0;border-color:#0000;width:28px;height:28px;padding:0}.destinationGroupHead .deleteGroup{color:#ff8792;background:#261116;border-color:#652631;width:30px;height:30px;padding:0}.destinationGroup .outputs{box-shadow:none;border:0;border-radius:0}.emptyGroup{text-align:center;color:#557386;padding:22px;font-size:11px}.projectCombined{background:linear-gradient(90deg,#07303b,#091923);border:1px solid #087c99;border-radius:9px;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(130px,auto));align-items:center;gap:9px;margin-bottom:13px;padding:12px;display:grid}.projectCombined>div:first-child strong,.projectCombined>div:first-child span{display:block}.projectCombined>div:first-child strong{color:var(--cyan2);font-size:15px}.projectCombined>div:first-child span{color:#7897a9;margin-top:3px;font-size:10px}.projectCombined>div:not(:first-child){border-left:1px solid #195064;padding-left:13px}.projectCombined>div:not(:first-child) span,.projectCombined>div:not(:first-child) b{display:block}.projectCombined>div:not(:first-child) span{color:#708da0;letter-spacing:.08em;font-size:8px}.projectCombined>div:not(:first-child) b{margin-top:4px;font-size:13px}.projectCombined>div:last-child b{color:var(--cyan2)}@media (width<=900px){.destinationGroupHead{grid-template-columns:28px 18px minmax(100px,1fr) 32px 34px}.destinationGroupHead>button:not(.collapseGroup):not(.deleteGroup){width:34px;padding:6px;font-size:0}.platformRow{flex-wrap:wrap}.projectCombined{grid-template-columns:1fr 1fr}.projectCombined>div:first-child{grid-column:1/-1}.projectCombined>div:not(:first-child){border-left:0;padding-left:0}}.primaryNav{gap:7px}.primaryNav button{min-height:55px}.primaryNav svg{flex:none}.controlInputs{grid-template-columns:repeat(2,minmax(330px,1fr));gap:11px;margin-bottom:28px;display:grid}.controlInputCard{border:1px solid var(--line);background:linear-gradient(#0a1823,#07121b);border-radius:11px;grid-template-columns:42px minmax(0,1fr) 34px 34px;align-items:center;gap:11px;padding:13px;display:grid;box-shadow:0 12px 28px #00000029}.controlInputCard>div:nth-child(2){min-width:0}.inputCardTitle{align-items:center;gap:9px;display:flex}.inputCardTitle strong{font-size:14px}.inputCardTitle .liveBadge{margin-left:0}.controlInputCard p{color:var(--muted);margin-top:5px;font-size:10px}.controlInputCard code{color:#688b9e;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:9px;display:block;overflow:hidden}.settingsButton{width:32px;height:32px;color:var(--cyan2);cursor:pointer;background:#0a1c27;border:1px solid #285064;border-radius:7px;place-items:center;display:grid}.destinationTitle{margin-top:4px}.destinationSummary{grid-template-columns:48px minmax(420px,1fr) 150px 38px 38px 55px}.destinationSummary .outTitle strong{font-size:12px}.destinationMeta{color:#69889b;align-items:center;gap:11px;margin-top:7px;font-size:9px;display:flex}.destinationMeta span{white-space:nowrap}.destinationMeta code{text-overflow:ellipsis;white-space:nowrap;color:#7ea8ba;overflow:hidden}.sourceOutputMonitoring{gap:15px;display:grid}.settingsDrawer{z-index:50;background:linear-gradient(#08131d,#050c13);border-left:1px solid #225168;width:min(430px,100vw);padding:0;display:block;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-25px 0 70px #0000008c}.drawerHead{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#091721ef;border-bottom:1px solid #1a3b4d;justify-content:space-between;align-items:center;padding:18px;display:flex;position:sticky;top:0}.drawerHead span,.drawerHead strong{display:block}.drawerHead span{color:#6e8da0;letter-spacing:.1em;font-size:9px}.drawerHead strong{color:#e9f8ff;margin-top:4px;font-size:16px}.drawerHead>button{color:#9ab5c4;cursor:pointer;background:#0c1d28;border:1px solid #315467;border-radius:7px;width:34px;height:34px;font-size:22px}.drawerBody{gap:14px;padding:18px;display:grid}.drawerBody>label{color:#7391a3;letter-spacing:.08em;font-size:9px;font-weight:700;display:block}.drawerBody>label>input,.drawerBody>label>select,.drawerSecret input{color:#dff8ff;background:#050b11;border:1px solid #183548;border-radius:7px;outline:none;width:100%;margin-top:7px;padding:10px 11px;display:block}.drawerBody>label>small{color:#5d7b8d;letter-spacing:0;margin-top:5px;font-size:9px;display:block}.drawerBody .projectCodeControl select{color:#dff8ff;background:#050b11;border:1px solid #183548;width:100%;padding:10px}.drawerSecret{position:relative}.drawerSecret input{padding-right:42px}.drawerSecret button{color:#7fa4b7;background:#091721;border:0;border-left:1px solid #183548;width:38px;height:36px;position:absolute;top:8px;right:1px}.drawerEndpoint{background:#07131c;border:1px solid #173447;border-radius:8px;padding:11px}.drawerEndpoint>span{color:#6f8da0;letter-spacing:.08em;font-size:9px;display:block}.drawerEndpoint code,.drawerEndpoint pre{white-space:pre-wrap;word-break:break-all;color:#a9c8d8;background:#03080d;border:1px solid #142d3c;border-radius:6px;margin:7px 0;padding:8px;font-size:9px;line-height:1.5;display:block}.drawerEndpoint button{color:var(--cyan2);cursor:pointer;background:#09202b;border:1px solid #1d4b61;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;display:flex}@media (width<=900px){.controlInputs{grid-template-columns:1fr}.destinationSummary{grid-template-columns:35px 1fr 34px 34px 50px}.destinationSummary .metrics{display:none}.destinationMeta{flex-wrap:wrap}.settingsDrawer{width:100vw}.sourceOutputMonitoring .outputLegend{grid-template-columns:1fr}}.serverConfigRows{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;display:grid}.serverConfigRows article,.addServer{background:#09131d;border:1px solid #173548;border-radius:13px;gap:12px;padding:18px;display:grid}.serverConfigTitle{align-items:center;gap:10px;display:flex}.serverConfigTitle input{flex:1;font-size:17px;font-weight:800}.serverConfigTitle code{color:#66869a}.serverConfigRows label,.addServer label{color:#7590a3;letter-spacing:.08em;gap:6px;font-size:10px;font-weight:800;display:grid}.serverConfigRows input,.addServer input{color:#e9f8ff;background:#050c13;border:1px solid #1a3a4d;border-radius:8px;padding:10px}.serverPortRow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.addServer{grid-template-columns:repeat(2,minmax(180px,1fr));margin-top:16px}.addServer h3{grid-column:1/-1}.addServer button{color:#7beeff;background:#073b48;border:1px solid #00b8da;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex}.serversPanel{max-width:1100px}@media (width<=800px){.addServer,.serverConfigRows{grid-template-columns:1fr}}.serverConfigTitle .iconDanger{color:#ff8792;cursor:pointer;background:#261116;border:1px solid #652631;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.serverConfigTitle .iconDanger:hover{color:#ffadb5;background:#3a151d;border-color:#a43b4b;box-shadow:0 0 12px #ff4d5f26}.dialogBackdrop{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00050ac7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.dashboardDialog{background:linear-gradient(#0c1b27,#07111a);border:1px solid #176079;border-radius:18px;width:min(440px,100%);padding:26px;animation:.16s ease-out dialogIn;box-shadow:0 28px 90px #000000a6,0 0 35px #00d9ff1f}.dashboardDialog.danger{border-color:#87303b;box-shadow:0 28px 90px #000000a6,0 0 35px #ff4d5f1a}.dialogIcon{color:#36e5ff;background:#063848;border:1px solid #087b95;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:17px;display:grid}.dashboardDialog.danger .dialogIcon{color:#ff7180;background:#321219;border-color:#87303b}.dashboardDialog h2{font-size:21px}.dashboardDialog p{color:#91aaba;white-space:pre-line;margin-top:9px;font-size:14px;line-height:1.55}.dashboardDialog input{color:#e9f8ff;background:#040b11;border:1px solid #1b455b;border-radius:9px;outline:none;width:100%;margin-top:18px;padding:12px}.dashboardDialog input:focus{border-color:#00d9ff;box-shadow:0 0 0 3px #00d9ff1a}.dialogActions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.dialogActions button{color:#acc4d2;cursor:pointer;background:#0b1822;border:1px solid #244456;border-radius:9px;padding:10px 16px}.dialogActions button.primary{color:#7ceeff;background:#073d4a;border-color:#00bddd}.dialogActions button.danger{color:#ff9da8;background:#35131a;border-color:#a43745}.dialogActions button:disabled{opacity:.45;cursor:not-allowed}@keyframes dialogIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}