:root{
  color-scheme:dark;
  --bg:#06101a;--bg-soft:#081522;--surface:#0c1a28;--surface-2:#102131;--surface-3:#13283a;
  --line:#203448;--line-soft:#172a3c;--text:#edf5fa;--text-soft:#bfd0dc;--muted:#7890a3;
  --primary:#25a9f4;--primary-2:#1688d0;--success:#38d996;--warning:#f4b860;--danger:#ff6f7e;
  --purple:#9a83ff;--shadow:0 18px 55px rgba(0,0,0,.28);--radius:15px;--sidebar:244px;
}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100%;margin:0;background:radial-gradient(circle at 80% -10%,rgba(37,169,244,.08),transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;padding:19px 14px 15px;background:rgba(6,16,26,.96);border-right:1px solid var(--line-soft);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 20px}.brand-mark{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--primary),#1778c0);color:#fff;font-size:13px;font-weight:900;letter-spacing:.5px;box-shadow:0 8px 24px rgba(37,169,244,.25)}.brand-mark.large{width:62px;height:62px;border-radius:18px;font-size:18px}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:14px;line-height:1.2}.brand-copy small{color:#8ba5b8;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:4px;overflow:auto;padding:0 2px}.nav-label{display:block;margin:16px 10px 6px;color:#567087;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.sidebar-nav a{display:flex;align-items:center;gap:11px;min-height:41px;padding:9px 11px;border-radius:10px;color:#8fa8ba;font-size:12.5px;font-weight:700;transition:.18s}.sidebar-nav a:hover{background:#0e2030;color:#dbeaf3}.sidebar-nav a.active{background:linear-gradient(90deg,rgba(37,169,244,.18),rgba(37,169,244,.07));box-shadow:inset 0 0 0 1px rgba(37,169,244,.2);color:#dff4ff}.nav-icon{display:grid;place-items:center;width:18px;color:#70bfe9;font-size:15px}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line-soft)}.node-mini,.user-chip{display:flex;align-items:center;gap:10px;padding:9px 8px}.node-mini strong,.node-mini small,.user-chip strong,.user-chip small{display:block}.node-mini strong,.user-chip strong{font-size:11px}.node-mini small,.user-chip small{color:var(--muted);font-size:10px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(56,217,150,.08)}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#132c40;border:1px solid #27465f;color:#bfeaff;font-weight:900}.account-link{display:block;padding:6px 8px 10px;color:#86a0b3;font-size:11px;text-align:center}.page-shell{grid-column:2;min-width:0}.topbar{position:sticky;z-index:30;top:0;display:flex;align-items:center;gap:14px;height:68px;padding:0 27px;background:rgba(6,16,26,.82);border-bottom:1px solid rgba(32,52,72,.75);backdrop-filter:blur(18px)}.menu-toggle{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.topbar-title{display:flex;flex-direction:column}.topbar-title strong{font-size:13px}.topbar-title small{color:var(--muted);font-size:10px}.topbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.topbar-link{color:#8ba4b6;font-size:11px;font-weight:800}.system-pill,.refresh-indicator{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(56,217,150,.18);border-radius:999px;background:rgba(56,217,150,.06);color:#a8e9ce;font-size:10px}.system-pill span,.refresh-indicator i{display:block;width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(56,217,150,.08)}.system-pill.is-error{border-color:rgba(255,111,126,.25);background:rgba(255,111,126,.07);color:#ffb5bd}.system-pill.is-error span{background:var(--danger)}.content{width:min(100%,1600px);margin:0 auto;padding:27px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head h1{margin:3px 0 5px;font-size:clamp(25px,3vw,36px);line-height:1.12;letter-spacing:-.035em}.page-head p{max-width:720px;margin:0;color:var(--muted);font-size:12.5px}.eyebrow{display:block;color:#5aaedc;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel{background:linear-gradient(180deg,rgba(14,31,46,.96),rgba(9,23,36,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-toolbar,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 19px;border-bottom:1px solid var(--line-soft)}.panel-toolbar.compact{padding-bottom:14px}.panel-toolbar h2,.panel-head h2,.chart-head h2{margin:2px 0 0;font-size:16px;letter-spacing:-.015em}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:9px;background:none;color:#dbe9f2;font-size:11.5px;font-weight:800;cursor:pointer;transition:.17s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#2bb5ff,#168cda);border-color:#38b8fa;color:#fff;box-shadow:0 9px 22px rgba(37,169,244,.18)}.btn-secondary{background:#13283a;border-color:#2a465d;color:#d9e9f3}.btn-ghost{background:rgba(11,27,42,.5);border-color:var(--line);color:#9db4c4}.btn-danger-soft{background:rgba(255,111,126,.08);border-color:rgba(255,111,126,.23);color:#ffb1ba}.btn-success-soft{background:rgba(56,217,150,.08);border-color:rgba(56,217,150,.24);color:#a8edcf}.btn-warning-soft{background:rgba(244,184,96,.08);border-color:rgba(244,184,96,.24);color:#f7d49e}.btn-block{width:100%}.btn-small{min-height:31px;padding:5px 9px;font-size:10.5px}.btn-icon{width:32px;min-width:32px;padding:0}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.kpi-card{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;background:linear-gradient(145deg,rgba(15,34,50,.95),rgba(8,23,36,.98));border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 35px rgba(0,0,0,.17)}.kpi-card>div:last-child{min-width:0}.kpi-card span,.kpi-card small,.kpi-card strong{display:block}.kpi-card span{color:#95aabd;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.kpi-card strong{margin-top:1px;font-size:27px;line-height:1.05;letter-spacing:-.04em}.kpi-card strong.small-number{font-size:19px}.kpi-card small{margin-top:4px;color:#597489;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;font-size:13px;font-weight:900}.kpi-icon.neutral{background:rgba(37,169,244,.1);color:#7fd3ff}.kpi-icon.success{background:rgba(56,217,150,.1);color:var(--success)}.kpi-icon.warning{background:rgba(244,184,96,.11);color:var(--warning)}.kpi-icon.danger{background:rgba(255,111,126,.1);color:var(--danger)}.kpi-icon.record{background:rgba(255,95,116,.1);color:#ff6175}.kpi-icon.transcode{background:rgba(154,131,255,.1);color:var(--purple)}.system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.system-card{padding:15px 16px;background:#091725;border:1px solid var(--line-soft);border-radius:12px}.system-card-head{display:flex;justify-content:space-between;gap:10px}.system-card-head span{color:#819aab;font-size:10px;font-weight:800;text-transform:uppercase}.system-card-head strong{font-size:16px}.system-card small{display:block;margin-top:8px;color:#5e788c;font-size:9.5px}.progress{height:5px;margin-top:10px;overflow:hidden;border-radius:999px;background:#172b3c}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#5dc9ff);transition:width .3s}.network-lines{display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:#7f9aad;font-size:9.5px}.operations-panel{margin-bottom:14px;overflow:hidden}.filter-bar{display:flex;gap:8px}.search-field{display:flex;align-items:center;gap:8px;min-width:230px;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#081522}.search-field span{color:#668297}.search-field input{width:100%;padding:0;border:0;outline:0;background:none;color:var(--text);font-size:11px}.filter-bar select,.head-actions select{height:38px;padding:0 31px 0 10px;border:1px solid var(--line);border-radius:9px;background:#081522;color:#c5d6e0;font-size:11px}.table-wrap{width:100%;overflow:auto}.noc-table-wrap{max-height:620px}.noc-table{min-width:1050px}table{width:100%;border-collapse:collapse}th,td{padding:13px 15px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle}th{position:sticky;z-index:2;top:0;background:#0b1a28;color:#638096;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}td{color:#bdced9;font-size:11px}tbody tr:hover:not(.channel-detail-row){background:rgba(37,169,244,.025)}tbody tr:last-child td{border-bottom:0}.channel-cell{display:flex;align-items:center;gap:10px}.channel-cell strong,.channel-cell small{display:block}.channel-cell strong{color:#e7f2f7;font-size:12px}.channel-cell small{margin-top:2px;color:#637d90;font-size:9.5px}.channel-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#102b40;border:1px solid #244961;color:#8ed5fa;font-size:11px;font-weight:900}.state-chip,.status-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:9.5px;font-weight:800;white-space:nowrap}.state-chip i,.status-badge i{display:block;width:6px;height:6px;border-radius:50%;background:#71889b}.state-online,.status-online{border-color:rgba(56,217,150,.2);background:rgba(56,217,150,.07);color:#a8e9ce}.state-online i,.status-online i{background:var(--success);box-shadow:0 0 0 3px rgba(56,217,150,.08)}.state-waiting,.status-wait{border-color:rgba(244,184,96,.22);background:rgba(244,184,96,.07);color:#f2cf99}.state-waiting i,.status-wait i{background:var(--warning)}.state-suspended,.status-warn{border-color:rgba(255,111,126,.23);background:rgba(255,111,126,.08);color:#ffb2bb}.state-suspended i,.status-warn i{background:var(--danger)}.state-error{border-color:rgba(255,111,126,.23);color:#ff9ca8}.state-error i{background:var(--danger)}.state-disabled,.status-offline{color:#8297a7}.state-neutral{color:#a6b8c5}.metric-value{color:#eef8fc;font-size:13px}.unit,td small{display:block;margin-top:2px;color:#607b8e;font-size:9px}.mode-tag,.record-tag,.tag{display:inline-flex;align-items:center;padding:4px 7px;margin:1px 3px 1px 0;border:1px solid #274157;border-radius:7px;background:#102335;color:#89a5b7;font-size:8.5px;font-weight:900;text-transform:uppercase}.mode-tag.is-active{border-color:rgba(154,131,255,.25);background:rgba(154,131,255,.08);color:#c4b8ff}.record-tag{border-color:rgba(255,97,117,.18);color:#b87882}.record-tag.is-live{background:rgba(255,97,117,.1);color:#ff8a99;animation:pulse 1.5s infinite}.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.row-actions form{margin:0}.compact-actions{flex-wrap:nowrap}.actions-col{min-width:260px}.channel-detail-row{background:#07131f}.channel-detail-row td{padding:0 15px}.channel-detail-panel{display:flex;align-items:center;gap:12px;padding:14px 0;flex-wrap:wrap}.connection-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:9px;background:#091927}.connection-item>span{color:#688296;font-size:9px;text-transform:uppercase}.connection-item code{max-width:290px;overflow:hidden;color:#bfe7fc;font-size:10px;text-overflow:ellipsis}.masked{filter:blur(4px);user-select:none}.masked.revealed{filter:none;user-select:all}.copy-inline{padding:4px 7px;border:1px solid #29455b;border-radius:6px;background:#10283b;color:#9ed5f2;font-size:9px;cursor:pointer}.inline-form{display:flex;gap:6px}.inline-form input{width:64px}.two-column-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px}.event-feed{max-height:430px;overflow:auto;padding:3px 18px 12px}.event-item{display:grid;grid-template-columns:10px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.event-item:last-child{border-bottom:0}.event-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#6f8597}.event-dot.severity-critical{background:var(--danger);box-shadow:0 0 0 4px rgba(255,111,126,.07)}.event-dot.severity-warning{background:var(--warning)}.event-dot.severity-success{background:var(--success)}.event-dot.severity-info{background:var(--primary)}.event-item strong{font-size:10.5px}.event-item p{margin:2px 0;color:#aabdc9;font-size:10.5px}.event-item small{color:#587387;font-size:9px}.text-link{color:#71c7f5;font-size:10px;font-weight:800}.health-list{padding:7px 18px 13px}.health-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.health-list>div:last-child{border:0}.health-list span{color:#6f899c;font-size:10px}.health-list strong{font-size:10.5px;text-align:right}.empty-inline{padding:30px;color:var(--muted);font-size:11px;text-align:center}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:220px;padding:30px;text-align:center}.empty-state>span{font-size:28px;color:#45647a}.empty-state h3{margin:10px 0 3px}.empty-state p{margin:0 0 13px;color:var(--muted);font-size:11px}.form{padding:18px}.field{display:grid;gap:6px;min-width:0}.field>span{color:#91a8b8;font-size:10px;font-weight:800}.field small{color:#577286;font-weight:600}.field input,.field select,.field textarea,.inline-form input{width:100%;min-height:41px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;outline:0;background:#071521;color:#d8e7ef;font-size:11.5px;transition:.17s}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.inline-form input:focus{border-color:#2d87b8;box-shadow:0 0 0 3px rgba(37,169,244,.08)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.form-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.field-full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:14px}.admin-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:14px;align-items:start}.admin-form-grid{padding:0}.mini-stats{display:grid;gap:9px;padding:18px}.mini-stats>div{padding:13px;border:1px solid var(--line-soft);border-radius:10px;background:#081725}.mini-stats span,.mini-stats strong{display:block}.mini-stats span{color:#698397;font-size:9.5px;text-transform:uppercase}.mini-stats strong{margin-top:2px;font-size:24px}.table-panel{margin-top:14px}.table-sub{max-width:420px;margin-top:3px;color:#607a8e;font-size:9.5px}.switch-row{position:relative;display:flex;align-items:center;gap:11px;min-height:64px;padding:11px 13px;border:1px solid var(--line-soft);border-radius:10px;background:#081725;cursor:pointer}.switch-row input{position:absolute;opacity:0}.switch-control{position:relative;flex:0 0 39px;width:39px;height:22px;border-radius:999px;background:#263b4d;transition:.2s}.switch-control:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#d5e2e9;transition:.2s}.switch-row input:checked+.switch-control{background:var(--primary)}.switch-row input:checked+.switch-control:after{transform:translateX(17px);background:#fff}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:10.5px}.switch-row small{margin-top:2px;color:var(--muted);font-size:9px}.channel-form{display:grid;gap:14px;max-width:1180px;margin:0 auto}.form-section{overflow:hidden;background:linear-gradient(180deg,rgba(14,31,46,.96),rgba(9,23,36,.96));border:1px solid var(--line);border-radius:var(--radius)}.form-section-head{display:flex;align-items:center;gap:13px;padding:16px 18px;border-bottom:1px solid var(--line-soft)}.form-section-head h2{margin:0;font-size:14px}.form-section-head p{margin:3px 0 0;color:var(--muted);font-size:10px}.section-step{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:9px;background:rgba(37,169,244,.1);color:#7ed3ff;font-size:10px;font-weight:900}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.readonly-card{padding:13px;border:1px solid var(--line-soft);border-radius:10px;background:#071521}.readonly-card>span{display:block;margin-bottom:7px;color:#6e8799;font-size:9px;text-transform:uppercase}.readonly-value{display:flex;align-items:center;justify-content:space-between;gap:10px}.readonly-value code{overflow:hidden;color:#c2eafa;font-size:10px;text-overflow:ellipsis}.readonly-actions{display:flex;gap:5px}.icon-btn{padding:5px 7px;border:1px solid #29465c;border-radius:6px;background:#102639;color:#9ccfe9;font-size:9px;cursor:pointer}.secret-value{filter:blur(4px);user-select:none}.secret-value.revealed{filter:none;user-select:all}.compact-card strong{font-size:16px}.sticky-form-actions{position:sticky;z-index:10;bottom:10px;display:flex;justify-content:flex-end;gap:9px;padding:11px 13px;background:rgba(7,18,29,.9);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);backdrop-filter:blur(15px)}.danger-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;width:100%;margin:0 auto;padding:16px 18px;background:rgba(255,111,126,.045);border:1px solid rgba(255,111,126,.19);border-radius:13px}.danger-panel h2{margin:0;font-size:13px}.danger-panel p{margin:3px 0 0;color:var(--muted);font-size:10px}.password-panel,.narrow-panel{max-width:620px;margin:14px auto}.filter-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px;margin-bottom:14px;padding:14px}.severity-badge{display:inline-flex;padding:4px 7px;border-radius:7px;font-size:8.5px;font-weight:900;text-transform:uppercase}.severity-info{background:rgba(37,169,244,.1);color:#86d7ff}.severity-success{background:rgba(56,217,150,.1);color:#9ae8c6}.severity-warning{background:rgba(244,184,96,.11);color:#f3ce96}.severity-critical{background:rgba(255,111,126,.1);color:#ffaab4}.event-code{padding:3px 6px;border-radius:5px;background:#071521;color:#94cde9;font-size:9px}.nowrap{white-space:nowrap}.stats-controls{display:grid;grid-template-columns:260px auto 1fr;align-items:end;gap:12px;padding:14px;margin-bottom:14px}.stats-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stats-summary>div{padding:9px 11px;border:1px solid var(--line-soft);border-radius:9px;background:#081725}.stats-summary span,.stats-summary strong{display:block}.stats-summary span{color:#617b8e;font-size:8.5px;text-transform:uppercase}.stats-summary strong{margin-top:3px;font-size:13px}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chart-panel.wide{grid-column:1/-1}.chart-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-soft)}.chart-head>span{color:#6d879a;font-size:9px;text-transform:uppercase}.chart-box{position:relative;height:300px;padding:12px}.chart-box canvas{width:100%;height:100%}.chart-empty{display:grid;place-items:center;height:100%;color:var(--muted);font-size:11px}.compact-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.integration-status{display:flex;gap:8px;margin-bottom:14px}.integration-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:9.5px}.integration-chip i{width:6px;height:6px;border-radius:50%}.integration-chip.ready{border-color:rgba(56,217,150,.2);color:#a4e6ca}.integration-chip.ready i{background:var(--success)}.integration-chip.pending{color:#8ca2b2}.integration-chip.pending i{background:#6b8192}.error-cell{max-width:350px;overflow:hidden;color:#9b7078;text-overflow:ellipsis;white-space:nowrap}.node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.node-card{padding:17px}.node-card header,.node-card footer{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.node-card h2{margin:9px 0 2px;font-size:18px}.node-card p{margin:0;color:var(--muted);font-size:10px}.node-version{color:#637d90;font-size:9px}.node-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.node-metrics>div{padding:10px;border:1px solid var(--line-soft);border-radius:9px;background:#081725}.node-metrics span,.node-metrics strong{display:block}.node-metrics span{color:#657f92;font-size:8.5px;text-transform:uppercase}.node-metrics strong{margin-top:2px;font-size:12px}.node-card footer{align-items:center;padding-top:13px;border-top:1px solid var(--line-soft)}.node-card footer>span{color:#60798c;font-size:9px}.login-page{display:grid;min-height:100vh;background:#06101a}.login-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);width:min(1020px,calc(100% - 40px));min-height:620px;margin:auto;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#091724;box-shadow:0 40px 100px rgba(0,0,0,.45)}.login-showcase{display:flex;align-items:flex-end;padding:50px;background:radial-gradient(circle at 25% 25%,rgba(37,169,244,.2),transparent 34%),linear-gradient(145deg,#0b263b,#07131f);border-right:1px solid var(--line)}.showcase-content{max-width:520px}.showcase-content h1{margin:18px 0 8px;font-size:43px;line-height:1.04;letter-spacing:-.05em}.showcase-content>p{max-width:500px;color:#8fa9bb;font-size:14px}.showcase-points{display:grid;gap:9px;margin-top:28px}.showcase-points span{display:flex;align-items:center;gap:9px;color:#b2c6d2;font-size:11px}.showcase-points i{width:7px;height:7px;border-radius:50%;background:var(--success)}.login-card{display:flex;justify-content:center;flex-direction:column;padding:48px}.login-card h2{margin:4px 0 2px;font-size:27px;letter-spacing:-.035em}.login-subtitle{margin:0 0 23px;color:var(--muted);font-size:11px}.login-card form{display:grid;gap:13px}.login-brand-mobile{display:none}.error-banner{margin-bottom:15px;padding:10px 12px;border:1px solid rgba(255,111,126,.23);border-radius:9px;background:rgba(255,111,126,.07);color:#ffb7bf;font-size:10.5px}.login-version{margin-top:22px;color:#526c80;font-size:9px;text-align:center}.error-page{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:65vh;text-align:center}.error-code{display:grid;place-items:center;width:70px;height:70px;border-radius:20px;background:rgba(255,111,126,.08);border:1px solid rgba(255,111,126,.2);color:var(--danger);font-size:32px}.error-page h1{margin:16px 0 5px}.error-page p{max-width:500px;margin:0 0 18px;color:var(--muted)}.sidebar-backdrop{display:none;position:fixed;z-index:35;inset:0;background:rgba(0,0,0,.55)}.toast-stack{position:fixed;z-index:100;right:18px;bottom:18px;display:grid;gap:8px}.toast{transform:translateY(10px);padding:10px 13px;border:1px solid rgba(56,217,150,.24);border-radius:9px;background:#102b25;color:#baf2d8;font-size:10.5px;opacity:0;box-shadow:var(--shadow);transition:.2s}.toast.show{transform:none;opacity:1}.toast-error{border-color:rgba(255,111,126,.25);background:#321923;color:#ffc1c8}@keyframes pulse{50%{opacity:.55}}
@media(max-width:1300px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){:root{--sidebar:220px}.content{padding:22px}.two-column-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.node-grid{grid-template-columns:1fr}.stats-controls{grid-template-columns:1fr auto}.stats-summary{grid-column:1/-1}.login-layout{grid-template-columns:1fr 420px}.login-showcase{padding:36px}.showcase-content h1{font-size:36px}}
@media(max-width:820px){.app-shell{display:block}.sidebar{transform:translateX(-105%);box-shadow:25px 0 70px rgba(0,0,0,.45);transition:transform .22s}.nav-open .sidebar{transform:none}.nav-open .sidebar-backdrop{display:block}.page-shell{min-width:0}.menu-toggle{display:grid;place-items:center}.topbar{height:62px;padding:0 15px}.content{padding:18px 14px}.page-head{align-items:flex-start;flex-direction:column}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-grid{grid-template-columns:1fr 1fr}.filter-bar{width:100%}.panel-toolbar{align-items:flex-start;flex-direction:column}.search-field{width:100%;min-width:0}.filter-bar select{flex:0 0 150px}.form-grid,.connection-grid{grid-template-columns:1fr}.form-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel{grid-template-columns:1fr 1fr}.chart-grid{grid-template-columns:1fr}.chart-panel.wide{grid-column:auto}.stats-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.login-layout{display:block;width:min(480px,calc(100% - 24px));min-height:0}.login-showcase{display:none}.login-card{padding:34px}.login-brand-mobile{display:flex;align-items:center;gap:10px;margin-bottom:28px}.compact-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.topbar-title small,.topbar-link{display:none}.system-pill strong{display:none}.system-pill{padding:8px}.content{padding:15px 10px}.page-head h1{font-size:27px}.head-actions{width:100%}.head-actions .btn{flex:1}.kpi-grid,.system-grid,.compact-kpis{grid-template-columns:1fr}.kpi-card{padding:13px}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar select{width:100%;flex:auto}.panel-toolbar,.panel-head{padding:14px}.form-grid{padding:14px}.form-grid-four{grid-template-columns:1fr}.field-full{grid-column:auto}.sticky-form-actions{display:grid;grid-template-columns:1fr 1fr}.danger-panel{align-items:stretch;flex-direction:column}.danger-panel .btn{width:100%}.filter-panel{grid-template-columns:1fr}.filter-panel .btn{width:100%}.stats-controls{grid-template-columns:1fr}.stats-controls .btn{width:100%}.stats-summary{grid-template-columns:1fr 1fr}.chart-box{height:250px}.integration-status{align-items:stretch;flex-direction:column}.node-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.node-card footer{align-items:stretch;flex-direction:column}.login-card{padding:25px}.showcase-content h1{font-size:30px}.row-actions{display:grid;grid-template-columns:1fr}.row-actions .btn,.row-actions form,.row-actions form button{width:100%}.compact-actions{display:flex;flex-wrap:wrap}.compact-actions .btn-icon{width:32px}.channel-detail-panel{align-items:stretch;flex-direction:column}.connection-item{width:100%;flex-wrap:wrap}.connection-item code{max-width:100%}.inline-form{width:100%}.inline-form input{flex:1}.network-lines{flex-direction:column}.toast-stack{right:10px;bottom:10px;left:10px}}

/* MEDIA PANEL STREAM v4.0 Enterprise */
.enterprise-grid{align-items:start}.enterprise-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid rgba(37,169,244,.2);border-radius:11px;background:rgba(37,169,244,.055)}.enterprise-callout div{display:grid;gap:3px}.enterprise-callout small,.field-help{color:var(--muted);font-size:9px}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.profile-card{padding:17px}.profile-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.profile-card h2{margin:10px 0 3px;font-size:17px}.profile-card p{min-height:32px;margin:0;color:var(--muted);font-size:10px;line-height:1.45}.profile-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.profile-specs div{padding:9px;border:1px solid var(--line-soft);border-radius:8px;background:#081725}.profile-specs span,.profile-specs strong{display:block}.profile-specs span{color:#667f91;font-size:8px;text-transform:uppercase}.profile-specs strong{margin-top:3px;font-size:10px}.profile-card footer{display:flex;justify-content:flex-end;gap:8px;padding-top:13px;border-top:1px solid var(--line-soft)}.destination-base{display:grid;gap:11px;padding:18px}.destination-base>div{display:grid;gap:6px}.destination-base span{color:var(--muted);font-size:9px;text-transform:uppercase}.destination-base code,.secret-url{display:block;max-width:640px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-reveal{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:17px;border-color:rgba(56,217,150,.28);background:linear-gradient(120deg,rgba(56,217,150,.07),rgba(37,169,244,.035))}.token-reveal h2{margin:4px 0;font-size:17px}.token-reveal p{margin:0;color:var(--muted);font-size:10px}.token-reveal .readonly-value{min-width:min(580px,55vw)}.security-list{display:grid;gap:10px;padding:18px}.security-list p{position:relative;margin:0;padding-left:18px;color:#9cb0bd;font-size:10.5px}.security-list p:before{position:absolute;left:0;content:'✓';color:var(--success);font-weight:900}.audit-details{max-width:520px;overflow:hidden;color:#7890a1;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.node-agent-box{display:grid;gap:7px;margin-top:12px;padding:10px;border:1px solid var(--line-soft);border-radius:9px;background:#071521}.node-agent-box span{color:#6d879a;font-size:8px;text-transform:uppercase}.node-agent-box code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quota-meter{height:5px;margin-top:5px;overflow:hidden;border-radius:999px;background:#142535}.quota-meter i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.deployment-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border:1px solid var(--line-soft);border-radius:6px;color:#7f9aac;font-size:8px;text-transform:uppercase}
@media(max-width:1250px){.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.profile-grid{grid-template-columns:1fr}.token-reveal{align-items:stretch;flex-direction:column}.token-reveal .readonly-value{min-width:0;width:100%}}
@media(max-width:560px){.enterprise-callout{align-items:stretch;flex-direction:column}.enterprise-callout .btn{width:100%}.profile-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v4.1 cluster and balancing */
.cluster-head{align-items:flex-end}.cluster-kpis{margin-bottom:14px}.cluster-warning{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;padding:14px 16px;border-color:rgba(255,190,92,.25);background:rgba(255,190,92,.055)}.cluster-warning>span{flex:none;padding:4px 7px;border-radius:6px;background:rgba(255,190,92,.12);color:#ffd392;font-size:8px;font-weight:800;text-transform:uppercase}.cluster-warning p{margin:0;color:#aab9c4;font-size:10px;line-height:1.55}.cluster-admin-grid{margin-bottom:14px}.balance-panel{margin-bottom:14px}.balance-panel-head{align-items:center}.cluster-table td small{display:block;margin-top:3px;color:var(--muted);font-size:8.5px}.cluster-manual-warning{margin-bottom:14px;border-color:rgba(255,111,126,.19)}.compact-list{display:grid;padding:0 16px 16px}.compact-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line-soft);color:inherit;text-decoration:none}.compact-list a span{color:var(--muted);font-size:9px}.cluster-node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cluster-node-card .node-score{display:grid;justify-items:end}.cluster-node-card .node-score span,.cluster-node-card .node-score small{color:var(--muted);font-size:8px;text-transform:uppercase}.cluster-node-card .node-score strong{font-size:19px}.node-reasons{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.node-reasons span{padding:4px 7px;border:1px solid rgba(255,111,126,.18);border-radius:999px;background:rgba(255,111,126,.055);color:#e9a1aa;font-size:8px}.capacity-block{margin-top:14px;padding:10px;border:1px solid var(--line-soft);border-radius:9px;background:#071521}.capacity-block>div:first-child{display:flex;justify-content:space-between;gap:12px}.capacity-block span{color:var(--muted);font-size:9px}.capacity-block strong{font-size:10px}.node-metrics small{display:block;margin-top:2px;color:#526b7d;font-size:7.5px}.node-settings{margin-top:12px;border:1px solid var(--line-soft);border-radius:9px;background:#071521}.node-settings summary{padding:10px 12px;cursor:pointer;color:#8da5b5;font-size:9px;font-weight:700;text-transform:uppercase}.node-settings[open] summary{border-bottom:1px solid var(--line-soft)}.node-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.node-settings-grid .form-actions{padding:0;border:0}.cluster-node-card footer{margin-top:12px}.cluster-node-card code{font-size:8px}
@media(max-width:1050px){.cluster-node-grid{grid-template-columns:1fr}.balance-panel-head{align-items:stretch;flex-direction:column}.balance-panel-head .inline-form{width:100%}}
@media(max-width:560px){.cluster-head{align-items:stretch}.cluster-warning{flex-direction:column}.compact-list a{align-items:flex-start;flex-direction:column}.node-settings-grid{grid-template-columns:1fr}.cluster-node-card .node-score{justify-items:start}.cluster-node-card header{flex-direction:column}.balance-panel-head .inline-form{display:grid;grid-template-columns:1fr}.balance-panel-head .inline-form input,.balance-panel-head .inline-form button{width:100%}}

/* v4.1.1 · bootstrap automático de nodos */
.node-install-command{display:block;white-space:pre-wrap!important;overflow-wrap:anywhere;line-height:1.55}.node-agent-box code{max-width:100%;overflow-wrap:anywhere}.node-agent-box .compact-actions{margin-top:2px}

/* v4.2 · Live Preview HTML5 / HLS */
.btn-preview{border-color:rgba(44,209,145,.34);background:rgba(44,209,145,.1);color:#6ff0b8}.btn-preview:hover:not(:disabled){border-color:rgba(44,209,145,.58);background:rgba(44,209,145,.18);color:#b7ffdc}.btn-preview:disabled{opacity:.28;cursor:not-allowed}.preview-open{overflow:hidden}.preview-modal{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:24px}.preview-modal[hidden]{display:none}.preview-backdrop{position:absolute;inset:0;background:rgba(1,7,13,.82);backdrop-filter:blur(8px)}.preview-dialog{position:relative;width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;border:1px solid rgba(83,133,167,.3);border-radius:18px;background:#07131f;box-shadow:0 30px 100px rgba(0,0,0,.62)}.preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--line-soft)}.preview-header h2{margin:7px 0 4px;font-size:21px}.preview-header p{margin:0;color:var(--muted);font-size:10px}.live-badge{display:inline-flex;align-items:center;gap:7px;color:#ff8a96;font-size:8px;font-weight:900;letter-spacing:.08em}.live-badge i{width:7px;height:7px;border-radius:50%;background:#ff5f70;box-shadow:0 0 0 5px rgba(255,95,112,.1);animation:previewPulse 1.8s infinite}.preview-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line-soft);border-radius:9px;background:#0c1b28;color:#9db0bd;font-size:25px;line-height:1;cursor:pointer}.preview-close:hover{border-color:#49667c;color:#fff}.preview-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#010609}.preview-stage video{display:block;width:100%;height:100%;background:#010609;object-fit:contain}.preview-loading,.preview-error{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:9px;padding:24px;text-align:center;background:radial-gradient(circle at center,rgba(19,46,65,.74),rgba(1,6,9,.92))}.preview-loading[hidden],.preview-error[hidden]{display:none}.preview-loading span{width:34px;height:34px;border:3px solid rgba(255,255,255,.15);border-top-color:#2ab7ff;border-radius:50%;animation:previewSpin .8s linear infinite}.preview-loading strong,.preview-error strong{font-size:14px}.preview-loading small,.preview-error p{margin:0;color:#7f96a6;font-size:10px}.preview-error strong{color:#ff8f9c}.preview-footer{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;border-top:1px solid var(--line-soft);background:var(--line-soft)}.preview-footer>div{min-width:0;padding:13px 15px;background:#081622}.preview-footer span,.preview-footer strong{display:block}.preview-footer span{color:#657f92;font-size:8px;text-transform:uppercase;letter-spacing:.04em}.preview-footer strong{margin-top:4px;overflow:hidden;color:#dceaf2;font-size:10px;text-overflow:ellipsis;white-space:nowrap}@keyframes previewSpin{to{transform:rotate(360deg)}}@keyframes previewPulse{50%{box-shadow:0 0 0 9px rgba(255,95,112,0)}}
@media(max-width:820px){.preview-modal{padding:10px}.preview-dialog{width:100%;max-height:calc(100vh - 20px);border-radius:13px}.preview-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-footer>div:last-child{grid-column:1/-1}.preview-header{padding:14px}.preview-header h2{font-size:18px}}
@media(max-width:480px){.preview-modal{padding:0}.preview-dialog{max-height:100vh;border-width:0;border-radius:0}.preview-stage{aspect-ratio:16/10}.preview-footer{grid-template-columns:1fr 1fr}.preview-footer>div{padding:10px}.preview-close{width:34px;height:34px}}