@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{font-family:Plus Jakarta Sans,Space Grotesk,sans-serif;line-height:1.5;font-weight:400;color:#e9f2f2;background-color:#050c12;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0b1220;color:#e9f2f2}body.ui-modal-open{overflow:hidden}#app{max-width:100%;margin:0;padding:0}.shell{display:flex;flex-direction:column;gap:20px}.app-shell{gap:0;min-height:100vh}.portal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.portal-sidebar{background:linear-gradient(180deg,#131c2d,#0d1422);border-right:1px solid rgba(148,163,184,.2);padding:18px 14px;display:flex;flex-direction:column;gap:1.1rem}.portal-brand{padding:6px 10px 12px;border-bottom:1px solid rgba(148,163,184,.2)}.portal-brand-title{margin:.2rem 0 0;font-size:1.25rem;color:#f8fafc}.portal-brand-subtitle{margin:.2rem 0 0;font-size:.8rem;color:#8aa0ab}.sidebar-group{display:flex;flex-direction:column;gap:.5rem}.sidebar-group-title{margin:0;padding:0 .55rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#64748b}.sidebar-nav{display:flex;flex-direction:column;gap:.35rem}.sidebar-tab{display:flex;align-items:center;gap:.62rem;padding:.58rem .65rem;border-radius:12px;border:1px solid transparent;background:#0f172a66;color:#cbd5e1;text-align:left}.sidebar-tab:hover{border-color:#3b82f659;background:#1e293bcc}.sidebar-tab.active{background:linear-gradient(135deg,#3b82f647,#2563eb4d);border-color:#60a5fa7a;color:#f8fafc;box-shadow:inset 0 1px #ffffff1a}.sidebar-tab-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#94a3b82e;border:1px solid rgba(148,163,184,.28);color:#cbd5e1}.sidebar-tab-icon svg{width:18px;height:18px;fill:currentColor}.sidebar-tab.active .sidebar-tab-icon{background:#bfdbfe38;border-color:#bfdbfe66;color:#dbeafe}.sidebar-tab-label{font-size:.9rem;font-weight:600}.sidebar-footer{margin-top:auto;padding:.75rem .3rem .3rem;border-top:1px solid rgba(148,163,184,.18)}.portal-main{position:relative;min-height:100vh;background:linear-gradient(110deg,#f5f7fb,#eef2f8 49%,#1a2233 49.2%,#131c2d);overflow:hidden}.portal-main:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 34%);pointer-events:none}.portal-topbar{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(148,163,184,.25)}.portal-breadcrumb{display:inline-flex;align-items:center;gap:.4rem;color:#334155}.portal-crumb-link{font-weight:600;color:#2563eb}.portal-crumb-sep{color:#94a3b8}.portal-topbar-actions{display:flex;align-items:center;gap:.6rem}.portal-icon-btn{width:36px;height:36px;border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#0f172aad;border:1px solid rgba(148,163,184,.35);color:#e2e8f0;box-shadow:none}.portal-icon-btn svg{width:17px;height:17px;fill:currentColor}.portal-icon-btn:hover{background:#1e293be0;border-color:#3b82f68c;transform:translateY(-1px)}.portal-topbar-divider{width:1px;height:24px;background:#94a3b873;margin:0 .25rem}.portal-avatar{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.84rem;font-weight:700;background:linear-gradient(135deg,#4f46e5,#0284c7);color:#f8fafc;box-shadow:0 8px 18px #0f172a4d}.portal-quick-btn{color:#1e293b!important;border-color:#94a3b852!important;background:#ffffffb3!important}.portal-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px;padding:18px 22px 42px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 12px 40px #00000059}.topbar-brand{display:flex;flex-direction:column;gap:2px}.topbar h1{margin:4px 0 0;font-size:28px;letter-spacing:-.02em;font-weight:600}.topbar-subtitle{margin:0;font-size:13px;color:#8aa0ab}.topbar-actions{display:flex;align-items:center;gap:10px}.session-pill{display:inline-flex;align-items:center;gap:.4rem;padding:6px 10px;border-radius:999px;border:1px solid rgba(34,197,94,.35);background:#22c55e24;color:#86efac;font-size:.76rem;font-weight:600}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;color:#9fb7c2;font-size:12px}.logout-btn{padding:.5rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.logout-btn:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-1px)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.grid--streams{grid-template-columns:minmax(340px,420px) minmax(0,1fr);align-items:start}.panel{background:linear-gradient(165deg,#0f172ae0,#0f172ab8);border:1px solid rgba(148,163,184,.24);border-radius:20px;padding:20px 20px 18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 42px #02061773}.panel h2{margin:0 0 8px;font-size:20px}.panel h3{margin:0 0 10px}.muted{color:#9fb1c2}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#a8bfd1}input,select,textarea{background:#0f172ab8;border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:10px 12px;color:#e9f2f2;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#60a5fab8;box-shadow:0 0 0 3px #3b82f638;background:#0f172adb}textarea{resize:vertical}button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#f8fafc;border:1px solid rgba(147,197,253,.35);border-radius:11px;padding:10px 13px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #2563eb47;border-color:#93c5fd99}button:disabled{opacity:.6;cursor:not-allowed}button.ghost{background:#0f172a73;color:#e2e8f0;border:1px solid rgba(148,163,184,.3)}button.primary{background:linear-gradient(135deg,#2563eb,#0284c7);border-color:#7dd3fc66}.btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e9f2f2;box-shadow:none}.btn:hover{transform:none;box-shadow:none}.btn--small{padding:8px 10px;border-radius:10px;font-size:13px;font-weight:600}.btn--neutral{background:#ffffff0f;border-color:#ffffff1f;color:#e9f2f2}.btn--start{background:#22c55e29;border-color:#22c55e59;color:#d1fae5}.btn--stop{background:#ef444429;border-color:#ef444459;color:#fecaca}.btn--edit{background:#3b82f629;border-color:#3b82f659;color:#bfdbfe}.btn--danger{background:#ef44441f;border-color:#ef444447;color:#fecaca}.nav{display:flex;gap:12px;flex-wrap:wrap}.nav-tabs{padding:8px;background:#0f172a80;border:1px solid rgba(148,163,184,.16);border-radius:14px}.tab{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#d5e7f1;cursor:pointer;transition:all .12s ease}.nav-tab-btn{min-width:98px;background:#0f172a8c}.tab.active{background:linear-gradient(135deg,#4ec8ff,#6bc0a6);color:#0c131a;border-color:transparent}.form-grid .full{grid-column:1 / -1}.toggles{display:flex;gap:16px;flex-wrap:wrap;margin:8px 0 12px}.toggles label{flex-direction:row;align-items:center;gap:8px;font-weight:500;color:#d3e2e5}.actions{display:flex;align-items:center;gap:12px;margin-top:6px}.stream-modal-scroll{max-height:70vh;overflow-y:auto}.stream-import-actions{margin-bottom:1rem;display:flex;gap:.75rem;flex-wrap:wrap}.stream-import-btn{font-size:.9rem;padding:.5rem 1rem}.streams-panel{display:flex;flex-direction:column;gap:1rem;padding:1.15rem;border-radius:18px;border:1px solid rgba(125,211,252,.2);background:radial-gradient(circle at 12% -4%,rgba(14,165,233,.16),transparent 33%),radial-gradient(circle at 94% 0%,rgba(45,212,191,.13),transparent 26%),linear-gradient(165deg,#031220c7,#081624cc);box-shadow:inset 0 1px #e2e8f00d}.streams-section-subtitle{margin:.35rem 0 0;max-width:640px;font-size:.85rem;color:#8fb8ca}.streams-cta{border-radius:999px;padding:.52rem .95rem;font-size:.79rem;letter-spacing:.03em;text-transform:uppercase}.streams-cta--primary{box-shadow:0 12px 26px #0ea5e93d}.streams-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.streams-overview-card{padding:.85rem .9rem;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:#0f172a85;display:flex;flex-direction:column;gap:.2rem}.streams-overview-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#93a9b8;font-weight:700}.streams-overview-value{font-size:1.35rem;line-height:1.05;color:#f1f5f9}.streams-overview-copy{font-size:.74rem;color:#9fb1bf}.streams-overview-card--total{border-color:#94a3b857}.streams-overview-card--running{border-color:#22c55e59;background:#14532d5c}.streams-overview-card--error{border-color:#f8717157;background:#450a0a54}.streams-overview-card--page{border-color:#2dd4bf52;background:#064e3b4d}.streams-filters-shell,.streams-table-shell{padding:1rem;border-radius:16px;border:1px solid rgba(125,211,252,.16);background:#020c187a}.streams-shell-head{margin-bottom:.75rem}.streams-shell-head h3{margin:0;font-size:.95rem;color:#e7f0f9}.streams-shell-head p{margin:.2rem 0 0}.streams-shell-head--table{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem}.streams-filters-card{margin:0;padding:.85rem;border-radius:12px;background:#0f172a73;border-color:#94a3b838}.stream-modal-banner{margin-bottom:.85rem;padding:.7rem .85rem;border-radius:12px;border:1px solid rgba(56,189,248,.26);background:linear-gradient(135deg,#0f172ad1,#082f4994)}.stream-modal-badge{display:inline-flex;align-items:center;padding:.2rem .62rem;border-radius:999px;font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#d7f5ff;background:#0ea5e947;border:1px solid rgba(125,211,252,.4)}.stream-modal-banner-copy{margin:.45rem 0 0;font-size:.82rem;color:#a8c4d1}.stream-modal-layout{display:grid;gap:.85rem;grid-template-columns:1fr}.stream-modal-card{border-radius:14px;border:1px solid rgba(148,163,184,.22);background:#0f172a80;padding:.95rem}.stream-modal-card-title{margin:0;font-size:.94rem;color:#e6f2fb}.stream-modal-card-copy{margin:.22rem 0 .75rem;font-size:.8rem}.stream-modal-card--origin{border-color:#38bdf84d;background:#082f4952}.stream-modal-card--route{border-color:#2dd4bf4d;background:#064e3b4d}.stream-modal-card--drm{border-color:#f8717157;background:#450a0a3d}.stream-modal-card--tracks{border-color:#60a5fa47;background:#1e293b6b}.stream-modal-card--backup{border-color:#6366f142;background:#312e8138}.stream-modal-card--network{border-color:#0ea5e947;background:#082f494d}.stream-modal-card--runtime{border-color:#2dd4bf47;background:#064e3b40}.stream-modal-card .stream-section-title{margin-top:0}.stream-modal-card--drm .stream-drm-card{margin:0}.stream-modal-card--backup .stream-backup-section{margin-top:0}.stream-modal-scroll>.actions{position:sticky;bottom:-1px;z-index:3;padding:.75rem;border-radius:12px;background:linear-gradient(135deg,#031220f2,#082f49bf);border:1px solid rgba(56,189,248,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stream-action-btn{min-width:68px}.stream-analyze-btn{display:inline-flex;align-items:center;gap:.32rem;border-radius:999px;padding:.42rem .75rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.stream-analyze-btn svg{width:13px;height:13px;fill:currentColor}.stream-submit-btn,.stream-cancel-btn{display:inline-flex;align-items:center;gap:.34rem;border-radius:999px;padding:.5rem .95rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.stream-submit-btn svg,.stream-cancel-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stream-editor-grid--base,.stream-editor-grid--tracks,.stream-editor-grid--advanced{margin-top:0}.streams-table-shell .data-table-wrap{margin-top:.15rem}.streams-table-wrap{border-radius:14px;border:1px solid rgba(125,211,252,.2);background:#030a1294;overflow:hidden}.streams-table thead th{background:#0f172ae6;border-bottom:1px solid rgba(125,211,252,.22)}.streams-table tbody tr.data-row:nth-child(2n){background:#0f172a47}.streams-table tbody tr.data-row:hover{background:#1e293b9e}.streams-logs-toolbar{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.65rem}.streams-log-pill{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;color:#b9d7e5;background:#1e293bb3;border:1px solid rgba(148,163,184,.28)}.streams-log-pill--status{color:#dcfce7;border-color:#22c55e57;background:#14532d73}@media(max-width:1100px){.streams-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-modal-layout{grid-template-columns:1fr}}@media(max-width:760px){.streams-panel{padding:.85rem}.streams-overview-grid{grid-template-columns:1fr}.streams-filters-shell,.streams-table-shell,.stream-modal-card{padding:.75rem}.streams-shell-head--table{flex-direction:column;align-items:flex-start}.streams-cta{width:100%;justify-content:center}.streams-list-grid{grid-template-columns:1fr}.stream-list-head{flex-direction:column;align-items:flex-start}.stream-links-row,.stream-actions-row{width:100%}.stream-link-btn,.stream-icon-btn{flex:1 1 auto;justify-content:center}.stream-modal-scroll>.actions{flex-direction:column}.stream-submit-btn,.stream-cancel-btn{width:100%;justify-content:center}}.streams-workspace-tabs,.stream-editor-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.stream-editor-tabs{margin-top:.1rem}.stream-editor-tab{display:inline-flex;align-items:center;gap:.38rem}.stream-editor-tab svg{width:14px;height:14px;fill:currentColor;opacity:.9}.streams-workspace-tab,.stream-editor-tab{position:relative;overflow:hidden;border:1px solid rgba(96,165,250,.28);background:#0f172a9e;color:#d5e7f1;padding:.5rem .85rem;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.streams-workspace-tab:after,.stream-editor-tab:after{content:"";position:absolute;left:10px;right:10px;bottom:5px;height:2px;border-radius:99px;background:linear-gradient(90deg,#22d3eef2,#2dd4bff2);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.streams-workspace-tab.active,.stream-editor-tab.active{background:linear-gradient(135deg,#0ea5e947,#2dd4bf3d);border-color:#22d3ee99;color:#dffff8;box-shadow:0 10px 24px #06b6d426}.streams-workspace-tab.active:after,.stream-editor-tab.active:after{transform:scaleX(1)}.streams-workspace-tab:hover:not(.active),.stream-editor-tab:hover:not(.active){border-color:#7dd3fc7a;background:#0f172ad9}.streams-workspace-tab:active,.stream-editor-tab:active{transform:translateY(1px) scale(.985)}.streams-workspace-tab:disabled,.stream-editor-tab:disabled{opacity:.45;cursor:not-allowed}.streams-workspace-pane{display:flex;flex-direction:column;gap:1rem;will-change:transform,opacity}.streams-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.85rem}.stream-list-card{display:flex;flex-direction:column;gap:.72rem;padding:.9rem;border-radius:14px;border:1px solid rgba(125,211,252,.2);background:linear-gradient(160deg,#0f172aa6,#082f4961);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.stream-list-card:hover{transform:translateY(-2px);border-color:#7dd3fc6b;box-shadow:0 14px 24px #02061759}.stream-list-card.selected{border-color:#22d3eead;box-shadow:0 0 0 1px #22d3ee59,0 16px 28px #082f4959}.stream-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.stream-list-title-wrap{min-width:0}.stream-list-title{margin:0;font-size:1rem;color:#f8fafc}.stream-list-id{display:inline-flex;margin-top:.15rem;padding:.12rem .5rem;border-radius:999px;background:#1e293bb3;border:1px solid rgba(148,163,184,.3);font-size:.67rem;color:#cbd5e1}.stream-list-url{margin:.42rem 0 0;font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-status-chip{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(148,163,184,.3);background:#1e293ba8;color:#dbeafe}.stream-status-chip.is-running{border-color:#22c55e73;background:#14532d80;color:#dcfce7}.stream-status-chip.is-starting{border-color:#f59e0b73;background:#78350f85;color:#fef3c7}.stream-status-chip.is-errored{border-color:#f8717173;background:#7f1d1d80;color:#fee2e2}.stream-status-chip.is-idle,.stream-status-chip.is-stopped{border-color:#94a3b866;background:#1e293bb8;color:#e2e8f0}.stream-track-row{display:flex;flex-wrap:wrap;gap:.45rem}.stream-list-body{display:flex;flex-direction:column;gap:.55rem}.stream-destination-tile{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .6rem;border-radius:10px;background:#0f172aad;border:1px solid rgba(148,163,184,.24);color:#d6e5ef;font-size:.8rem}.stream-destination-tile svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}.stream-destination-tile span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-links-row{display:flex;flex-wrap:wrap;gap:.5rem}.stream-link-btn{display:inline-flex;align-items:center;gap:.38rem;padding:.36rem .7rem;border-radius:999px;border:1px solid rgba(148,163,184,.28);background:#0f172a9e;color:#dbeafe;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;cursor:pointer}.stream-link-btn svg{width:13px;height:13px;fill:currentColor}.stream-link-btn--preview{border-color:#2dd4bf70;background:#064e3b8f;color:#d1fae5}.stream-link-btn--hls{border-color:#38bdf86b;background:#082f4999;color:#e0f2fe}.stream-link-btn:hover{transform:translateY(-1px)}.stream-actions-row{display:flex;flex-wrap:wrap;gap:.45rem}.stream-icon-btn{display:inline-flex;align-items:center;gap:.34rem;padding:.34rem .62rem;border-radius:999px;border:1px solid rgba(148,163,184,.32);background:#0f172ab8;color:#e2e8f0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.stream-icon-btn svg{width:12px;height:12px;fill:currentColor}.stream-icon-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #02061759}.stream-icon-btn--start{border-color:#22c55e6b;background:#14532d8a;color:#dcfce7}.stream-icon-btn--stop,.stream-icon-btn--danger{border-color:#f8717173;background:#7f1d1d85;color:#fee2e2}.stream-icon-btn--logs{border-color:#67e8f96b;background:#164e638f;color:#cffafe}.stream-icon-btn--edit{border-color:#60a5fa73;background:#1e3a8a8c;color:#dbeafe}.streams-empty-state{grid-column:1 / -1;padding:1.2rem;border-radius:14px;border:1px dashed rgba(125,211,252,.35);background:#082f4947}.streams-empty-state h4{margin:0 0 .25rem;color:#e2f3ff}.streams-workspace-pane--logs{min-height:220px}.streams-logs-card{background:#0f172a61;border:1px solid rgba(56,189,248,.2);border-radius:12px;padding:1rem}.streams-logs-empty{padding:2rem;border-radius:12px;border:1px dashed rgba(125,211,252,.32);background:#0759851f;display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}.streams-logs-empty h4{margin:0;color:#e2f3ff}.stream-editor-pane{margin-top:.85rem;will-change:transform,opacity}.stream-editor-grid{margin:0}.stream-editor-hint{padding:.75rem .9rem;border-radius:10px;border:1px dashed rgba(125,211,252,.3);background:#0759851f}.stream-editor-empty{padding:1.2rem;border:1px dashed rgba(125,211,252,.3);border-radius:12px;background:#0f172a66}.stream-editor-empty h4{margin:0 0 .45rem;color:#e2f3ff}.stream-drm-card{grid-column:1 / -1;background:#3a1a1a;border:1px solid #6a2a2a;border-radius:8px;padding:1rem;margin:.5rem 0 0}.stream-drm-title{margin:0 0 .75rem;color:#ff6b6b}.stream-drm-meta{background:#2a1a1a;padding:.75rem;border-radius:4px;margin-bottom:1rem}.stream-drm-kid-missing{color:#fa6}.stream-drm-action-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem}.stream-mono-input{font-family:monospace}.stream-drm-warning{margin-top:.5rem;color:#f99;font-size:.9rem}.stream-advanced-toggles{margin-top:0}.stream-pane-fade-enter-active,.stream-pane-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.stream-pane-fade-enter-from,.stream-pane-fade-leave-to{opacity:0;transform:translateY(8px) scale(.985)}.streams-workspace-fade-enter-active,.streams-workspace-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.streams-workspace-fade-enter-from,.streams-workspace-fade-leave-to{opacity:0;transform:translateY(6px)}.inline-row{display:flex;gap:.5rem}.grow{flex:1}.nowrap-btn{white-space:nowrap}.analysis-info-box{background:#1a4a3a;border:1px solid #2a6a4a;color:#5af78e;padding:1rem;border-radius:8px;margin:1rem 0}.stream-section-title{margin:1.5rem 0 1rem;color:#5af78e;font-size:1rem}.subtitle-disabled-hint{display:block;color:#fbbf24;margin-top:4px}.stream-backup-section{margin-top:1.5rem;padding:1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.25);border-radius:10px}.stream-backup-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.stream-backup-title{font-weight:600;color:#60a5fa}.stream-backup-copy{margin:.25rem 0 0;font-size:.85rem}.stream-backup-manage-btn{font-size:.9rem;padding:.5rem 1rem}.stream-backup-preview{margin-top:.75rem}.stream-backup-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.85rem;opacity:.9}.stream-backup-dot.is-offline{color:#f87171}.stream-backup-dot.is-active{color:#4ade80}.stream-backup-dot.is-standby{color:#fbbf24}.stream-backup-url{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:#cbd5e1}.stream-backup-more{font-size:.8rem;margin-top:.25rem}.stream-advanced-details{margin-top:1rem}.stream-advanced-summary{cursor:pointer;color:#5af78e}.stream-advanced-body{margin-top:1rem}.drm-note{display:block}.drm-note--danger{color:#f99}.drm-note--warn{color:#fbbf24}.scheduled-restart-container{margin-top:.5rem;padding:.5rem;background:#ffffff08;border-radius:6px}.scheduled-restart-toggle{display:flex;align-items:center;gap:.5rem}.scheduled-restart-fields{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.scheduled-restart-field{display:flex;align-items:center;gap:.3rem}.scheduled-restart-label{font-size:.85rem;color:#bbb}.scheduled-restart-time{width:100px;padding:4px 6px;border-radius:4px;border:1px solid #555;background:#222;color:#fff}.scheduled-restart-select{padding:4px 8px;border-radius:4px;border:1px solid #555;background:#222;color:#fff}.vod-drm-alert{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:.75rem;margin-bottom:.5rem}.vod-drm-alert-title{color:#fcd34d}.vod-drm-alert-copy{margin:.25rem 0 0;font-size:.85rem}.vod-drm-kids{margin-top:.5rem;padding:.5rem;background:#0003;border-radius:4px}.vod-drm-kids-label{font-size:.8rem;color:#9ca3af}.vod-drm-kid{font-family:SFMono-Regular,Menlo,Monaco,monospace;font-size:.75rem;color:#60a5fa;margin-top:.25rem;word-break:break-all}.full-span{grid-column:1 / -1}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-head.compact{margin-bottom:.9rem}.section-head-copy h2{margin:0}.section-head-copy .muted{margin:.25rem 0 0}.section-head-action{min-width:110px}.section-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.toolbar-search{min-width:180px}.toolbar-select{min-width:130px}.toolbar-select--sm{min-width:105px}.btn-soft{padding:.45rem .8rem;border-radius:8px;border:1px solid rgba(148,163,184,.3);background:#0f172ab3;color:#e2e8f0;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-soft:hover{transform:translateY(-1px)}.btn-soft--info{border-color:#3b82f673;background:#3b82f629;color:#93c5fd}.btn-soft--success{border-color:#22c55e66;background:#22c55e26;color:#86efac}.btn-soft--danger{border-color:#ef44446b;background:#ef444429;color:#fca5a5}.btn-soft--neutral{border-color:#94a3b84d;background:#94a3b824;color:#cbd5e1}.filters-card{background:#0f172a73;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:1rem;margin:1rem 0}.filters-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;align-items:end}.filter-field{margin:0}.filter-field span{font-size:.86rem;color:#94a3b8}.filter-order-btn{margin-top:1.5rem}.stream-hls-actions{display:flex;gap:.5rem;align-items:center}.btn-preview{padding:.28rem .55rem;font-size:.79rem;white-space:nowrap}.hls-link{font-size:.8rem}.active-filters-bar{margin-bottom:1rem;padding:.5rem .75rem;background:#3b82f614;border:1px solid rgba(59,130,246,.24);border-radius:8px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.active-filters-list{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.active-filters-title{font-size:.85rem;color:#93c5fd}.btn-clear-filters{padding:.25rem .5rem;font-size:.8rem}.folder-breadcrumb{margin-bottom:1rem;padding:.5rem;background:#0f172a85;border:1px solid rgba(148,163,184,.2);border-radius:8px;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.crumb-node{display:flex;align-items:center;gap:.25rem}.crumb-sep{color:#64748b}.crumb-btn{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fd;padding:.2rem .5rem;border-radius:4px;cursor:pointer;font-size:.85rem}.crumb-current{color:#64748b}.crumb-current strong{color:#e2e8f0}.vod-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.vod-folder-card{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.3);border-radius:10px;padding:.75rem;cursor:pointer;transition:all .2s}.vod-folder-card:hover{border-color:#3b82f694;transform:translateY(-2px)}.vod-folder-card-head{display:flex;align-items:center;gap:.5rem}.vod-folder-icon{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#bfdbfe;padding:.35rem .45rem;border-radius:6px;border:1px solid rgba(59,130,246,.36);background:#3b82f62e}.vod-folder-card-info{flex:1;min-width:0}.vod-folder-name{font-weight:600;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vod-folder-count{font-size:.75rem;color:#8aa0ab;display:flex;align-items:center;gap:.5rem}.vod-folder-card-actions{display:flex;gap:.25rem;margin-top:.5rem}.btn-folder-action{padding:.2rem .45rem;font-size:.75rem;border-radius:5px}.user-actions{gap:.75rem;flex-wrap:wrap}.bucket-checkboxes{display:flex;flex-wrap:wrap;gap:.6rem;padding:.72rem;background:#0f172a8f;border-radius:12px;border:1px solid rgba(148,163,184,.24)}.bucket-option{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .58rem;border-radius:9px;cursor:pointer;background:#0f172ab8;border:1px solid rgba(148,163,184,.24);transition:all .18s ease}.bucket-option:hover{border-color:#60a5fa7a}.bucket-option input{accent-color:#22c55e}.bucket-option.selected{background:#22c55e29;border-color:#22c55e66}.bucket-option-name{color:#e2e8f0;font-size:.85rem}.bucket-option-id{color:#8aa0ab;font-size:.74rem}.bucket-empty-note{padding:.7rem;background:#0f172a75;border-radius:11px;border:1px solid rgba(148,163,184,.24);color:#94a3b8}.bucket-empty-link{color:#7dd3fc;text-decoration:none}.bucket-empty-link:hover{text-decoration:underline}.user-ban-panel{margin-top:1rem;padding:1rem;border:1px solid rgba(148,163,184,.26);border-radius:14px;background:#0f172a6b}.user-ban-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.user-ban-title{margin:0;font-size:1rem;color:#e2e8f0}.user-ban-copy{margin:.3rem 0 0}.user-ban-empty{margin-top:.75rem}.user-ban-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.55rem}.user-ban-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.62rem .72rem;border-radius:10px;border:1px solid rgba(148,163,184,.24);background:#0f172ab8}.user-ban-stream{gap:2px}.user-table-actions{display:flex;align-items:center;gap:.32rem;flex-wrap:wrap}.user-renew-btn{padding:.35rem .55rem;border-radius:8px;font-size:.78rem;font-weight:600;margin:0}.user-renew-btn--soon{background:#f59e0b2e;border:1px solid rgba(245,158,11,.38);color:#fcd34d}.user-renew-btn--expired{background:#a855f72e;border:1px solid rgba(168,85,247,.42);color:#d8b4fe}.user-m3u-link{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .55rem;border-radius:8px;background:#22c55e2e;border:1px solid rgba(34,197,94,.35);color:#bbf7d0;font-size:.78rem;font-weight:600;text-decoration:none}.user-m3u-link:hover{background:#22c55e47}.online-search-bar{background:#22c55e1a;border-color:#22c55e47}.online-channels-wrap{display:flex;flex-wrap:wrap;gap:10px}.stream-pagination-inline{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;flex-wrap:wrap}.pagination-status-line{text-align:center;margin-top:.75rem;font-size:.85rem;color:#8aa0ab}.feedback-box{padding:1rem;border-radius:8px;margin-bottom:1.5rem}.feedback-box--error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.feedback-box--success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.settings-column{display:flex;flex-direction:column;gap:.25rem}.settings-subtitle{margin:0 0 1rem;color:#4ec8ff;font-size:1rem}.settings-toggle-line{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border-radius:8px}.settings-check{width:18px;height:18px}.settings-check--info{accent-color:#4ec8ff}.settings-check--success{width:20px;height:20px;accent-color:#22c55e}.settings-toggle-label{cursor:pointer;font-weight:500;color:#e9f2f2;display:inline}.settings-block{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.settings-title{margin:0 0 1rem;font-size:1.1rem}.settings-title--accent{color:#a855f7}.settings-title--success{color:#22c55e}.settings-block-copy{margin-bottom:1rem}.settings-upload-icon{font-size:1.65rem;margin-bottom:.5rem;letter-spacing:.08em;font-weight:700;color:#93c5fd}.settings-upload-copy{margin:0;font-weight:500}.hidden-file-input{display:none}.settings-upload-result{margin-top:1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:8px;padding:.75rem}.settings-upload-result p{margin:0;color:#4ade80}.settings-status-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem;margin-bottom:1.5rem}.settings-status-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.settings-status-item{min-width:160px}.settings-status-label{color:#8aa0ab;font-size:.85rem}.settings-status-value{margin:.25rem 0 0;font-weight:500}.settings-subsection-title{margin:1.5rem 0 1rem;color:#4ec8ff;font-size:1rem;border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem}.settings-toggle-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border-radius:10px;margin-bottom:1rem}.settings-toggle-help{margin:.25rem 0 0}.settings-backup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.settings-manual-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.settings-action-btn{padding:.75rem 1.2rem;font-size:.95rem}.settings-import-result{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:1rem;margin-bottom:1rem}.settings-import-result h4{color:#4ade80;margin:0 0 .5rem;font-size:1rem}.settings-import-result p{margin:0;color:#d1d5db}.settings-history-wrap{max-height:300px;overflow-y:auto}.settings-history-table{margin-top:0}.settings-history-file{font-family:SFMono-Regular,Menlo,Monaco,monospace;font-size:.85rem}.settings-download-btn{padding:.25rem .5rem;font-size:.8rem}.settings-history-empty{padding:1rem;background:#ffffff08;border-radius:8px;text-align:center;color:#8aa0ab}.modern-drop-zone{border:2px dashed rgba(255,255,255,.1);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s}.modern-drop-zone:hover{border-color:#22d3ee73;background:#22d3ee0f}.monitoring-section{margin-top:1.5rem}.monitoring-heading{margin:0 0 1rem;font-size:1rem;color:#94a3b8}.dashboard-last-update{text-align:center;margin-top:1rem;font-size:.8rem}.danger-solid{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;border:1px solid rgba(248,113,113,.6)}.danger-solid:hover{box-shadow:0 8px 18px #ef444459}.full-width{width:100%}.modal-copy-center{margin:0;text-align:center;line-height:1.6;color:#e2e8f0}.modal-secondary-copy{margin:.8rem 0 0;text-align:center;line-height:1.6;color:#94a3b8}.modal-secondary-copy code{background:#0f172ab3;border:1px solid rgba(148,163,184,.3);padding:2px 6px;border-radius:6px}.modal-warning-text{margin:.6rem 0 0;padding:.75rem;border-radius:10px;border:1px solid rgba(248,113,113,.32);background:#7f1d1d38;color:#fecaca;font-size:.9rem;line-height:1.55}.renewal-form{display:flex;flex-direction:column;gap:1rem}.renewal-current-expiration{display:flex;align-items:center;gap:.55rem;padding:.75rem .9rem;border:1px solid rgba(148,163,184,.2);background:#0f172a99;border-radius:10px}.renewal-active{color:#4ade80}.renewal-expired{color:#f87171}.renewal-chip-expired{margin-left:auto;padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:700;color:#fca5a5;background:#ef444433;border:1px solid rgba(239,68,68,.35)}.renewal-preset-block{display:flex;flex-direction:column;gap:.5rem}.renewal-label{font-size:.85rem;font-weight:600;color:#94a3b8}.renewal-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.renewal-preset-btn{padding:8px 0;font-size:.82rem;font-weight:600;border-radius:8px;background:#0f172ab8;border:1px solid rgba(148,163,184,.3);color:#e2e8f0}.renewal-preset-btn--success{border-color:#22c55e61;color:#86efac}.renewal-preset-btn--info{border-color:#3b82f661;color:#93c5fd}.renewal-preset-btn--accent{border-color:#a855f766;color:#d8b4fe}.renewal-date-field{display:flex;flex-direction:column;gap:.5rem}.info{color:#8fddb8;font-weight:500}.error{color:#ff8b8b;margin-top:8px}.table-wrapper{overflow-x:auto;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:#02061761;box-shadow:inset 0 1px #ffffff0a}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 11px;text-align:left;border-bottom:1px solid rgba(148,163,184,.12);vertical-align:top}th{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#9fb1c2;background:#0f172adb;font-weight:700}tbody tr:hover{background:#3b82f614}tr.selected{background:#3b82f629}.data-table-wrap{margin-top:.3rem}.data-table{min-width:760px}.data-table thead th{position:sticky;top:0;z-index:1}.data-row{transition:background .18s ease}.data-row td.actions{white-space:nowrap}.table-empty-row td{padding:1rem .9rem;text-align:center;font-style:italic}.stack{display:flex;flex-direction:column;gap:2px}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-weight:600;font-size:11px;color:#e2e8f0;border:1px solid transparent;letter-spacing:.02em}.pill--green{background:#22c55e2e;border-color:#22c55e52;color:#86efac}.pill--red{background:#ef44442e;border-color:#ef444452;color:#fca5a5}.pill--amber{background:#f59e0b2e;border-color:#f59e0b57;color:#fcd34d}.pill--slate{background:#94a3b833;border-color:#94a3b84d;color:#d1d5db}.status-cell{min-width:110px}.track-info{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.track-video,.track-audio{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid transparent;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.track-video{background:linear-gradient(135deg,#22c55e40,#10b98126);color:#4ade80;border-color:#22c55e4d;box-shadow:0 2px 8px #22c55e26,inset 0 1px #ffffff1a}.track-video:hover{background:linear-gradient(135deg,#22c55e59,#10b98140);box-shadow:0 4px 12px #22c55e40;transform:translateY(-1px)}.track-audio{background:linear-gradient(135deg,#6366f140,#8b5cf626);color:#a5b4fc;border-color:#6366f14d;box-shadow:0 2px 8px #6366f126,inset 0 1px #ffffff1a}.track-audio:hover{background:linear-gradient(135deg,#6366f159,#8b5cf640);box-shadow:0 4px 12px #6366f140;transform:translateY(-1px)}.track-icon{font-size:11px;opacity:.9}.logs{grid-column:1 / -1}.logs__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.log-box{background:#0a1016;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;max-height:320px;overflow:auto;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;color:#dbe7ed}.status{display:flex;align-items:center;gap:10px}.link{color:#7bd7ff;text-decoration:none}.link:hover{text-decoration:underline}.drm-section{max-width:100%;overflow:hidden;word-wrap:break-word}.drm-section code{word-break:break-all;white-space:normal;display:inline-block;max-width:100%;overflow-wrap:break-word}code{word-break:break-word;overflow-wrap:break-word;max-width:100%}.url-truncated{cursor:help;max-width:250px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;transition:color .2s ease}.url-truncated:hover{color:#7bd7ff}@media(max-width:720px){#app{max-width:100vw;overflow-x:hidden;padding:16px 12px 48px}.shell,.grid,section{max-width:100%;overflow-x:hidden}.panel{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.table-wrapper{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.filters-section{max-width:100%;overflow-x:hidden}.topbar{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.topbar h1{font-size:22px}.topbar .status,.topbar-actions{width:100%;justify-content:space-between}.session-pill{font-size:.72rem}.actions{flex-wrap:wrap}.section-head{flex-direction:column;align-items:flex-start}.section-toolbar{width:100%}.toolbar-search,.toolbar-select,.toolbar-select--sm{min-width:0;width:100%}.filter-order-btn{margin-top:0;width:100%}.active-filters-bar{flex-direction:column;align-items:flex-start}.btn-clear-filters{width:100%}.stream-hls-actions{flex-direction:column;align-items:flex-start}.mode-toggle{flex-direction:column!important;gap:.5rem!important}.mode-toggle button{flex:none!important;width:100%!important}.filters-grid{grid-template-columns:1fr!important;gap:1rem!important}.filters-grid label{width:100%}.filters-grid button{margin-top:0!important;width:100%}.form-grid{grid-template-columns:1fr!important}.stream-modal-scroll{max-height:68vh}.inline-row{flex-direction:column}.nowrap-btn{width:100%}.streams-workspace-tabs,.stream-editor-tabs{flex-direction:column}.streams-workspace-tab,.stream-editor-tab{width:100%;text-align:left}.stream-drm-action-row{flex-direction:column;align-items:flex-start}.streams-logs-empty{padding:1.2rem}.stream-backup-header{flex-direction:column;align-items:flex-start}.stream-backup-manage-btn,.bulk-ops-days-input{width:100%}.settings-grid{grid-template-columns:1fr;gap:1rem}.settings-toggle-card{align-items:flex-start}.settings-status-grid{gap:1rem}.settings-status-item{min-width:0}.settings-manual-actions{flex-direction:column}.settings-action-btn{width:100%}.grid--streams{grid-template-columns:1fr}.pagination-footer{flex-direction:column;gap:1rem;padding:1rem}.pagination-left{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}.pagination-right{justify-content:center;flex-wrap:wrap;width:100%}.pagination-pages{order:-1;margin-bottom:.5rem}.page-size-selector{width:100%;justify-content:space-between}.pagination-info{text-align:center;width:100%}.table-wrapper td.actions{flex-wrap:wrap;gap:.35rem}.table-wrapper td.actions button{padding:6px 8px;font-size:.75rem}.streams-table td.actions .btn{flex:1 1 auto;min-width:78px;font-size:.64rem;padding:.34rem .5rem}.streams-table .stream-hls-actions{flex-wrap:wrap}.streams-table .btn-preview,.streams-table .hls-link{padding:.32rem .55rem;font-size:.63rem}.table-wrapper table{min-width:500px}.table-wrapper th,.table-wrapper td{padding:8px 6px;font-size:.85rem}.stack{max-width:150px}.stack .muted{font-size:.75rem}.wproxy-modal{padding:1rem!important;max-width:100%!important;margin:.5rem!important;border-radius:12px!important}.wproxy-config-row{flex-direction:column;gap:.75rem;padding:.75rem}.wproxy-config-label{min-width:100%}.wproxy-selection-bar{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem}.wproxy-selection-bar button{flex:1;min-width:120px}.wproxy-selection-divider,.wproxy-selection-bar span[style*=border-left]{display:none}.wproxy-selection-count{margin-left:0;width:100%;justify-content:center}.wproxy-table-container{max-height:calc(60vh - 200px)}.wproxy-footer{flex-direction:column;gap:.75rem}.wproxy-footer button{width:100%}.wproxy-url-cell{max-width:150px}.wproxy-drm-cell{max-width:120px}.player-modal{padding:1rem!important;max-width:100%!important}.player-modal video{max-width:100%!important}.player-stats{font-size:.7rem!important;padding:.35rem!important}.player-controls{flex-direction:column}.player-controls button,.player-controls a{width:100%;text-align:center}.backup-modal-add{flex-direction:column}.backup-modal-btn--add{width:100%}.backup-modal-row{align-items:flex-start}.backup-modal-url{min-width:0;width:100%}.vod-empty-state{padding:1.8rem}.toggles{gap:10px}.toggles label{font-size:.85rem}.nav{width:100%;max-width:100%;overflow-x:hidden;justify-content:stretch}.nav-tabs{padding:6px}.nav .tab{flex:1;min-width:0;text-align:center;padding:10px 6px;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.renewal-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{padding:14px;border-radius:14px}.panel h2{font-size:18px}.grid{grid-template-columns:1fr}.badges{justify-content:center}.log-box{font-size:11px;max-height:200px}}@media(max-width:480px){#app{padding:16px 12px 48px}.topbar h1{font-size:20px}.renewal-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.eyebrow{font-size:10px}.pill{padding:4px 8px;font-size:10px}.pagination-btn{padding:.4rem .6rem;font-size:.75rem}.page-number{min-width:30px;height:30px;font-size:.8rem}.table-wrapper .stack .muted,.wproxy-url-cell{display:none}.wproxy-table th:nth-child(4),.wproxy-table td:nth-child(4){display:none}}.modal-scrollable,.wproxy-channels-list{scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.5) rgba(0,0,0,.2)}.modal-scrollable::-webkit-scrollbar,.wproxy-channels-list::-webkit-scrollbar{width:8px;height:8px}.modal-scrollable::-webkit-scrollbar-track,.wproxy-channels-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.modal-scrollable::-webkit-scrollbar-thumb,.wproxy-channels-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a855f799,#6366f199);border-radius:4px;border:1px solid rgba(255,255,255,.1)}.modal-scrollable::-webkit-scrollbar-thumb:hover,.wproxy-channels-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a855f7cc,#6366f1cc)}.dark-select{background:#0f172af2!important;color:#e9f2f2!important;border:1px solid rgba(168,85,247,.3)!important;border-radius:8px!important;padding:.6rem 2rem .6rem .75rem!important;font-size:.9rem!important;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a855f7' d='M6 8L1 3h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important}.dark-select:hover{border-color:#a855f799!important;box-shadow:0 0 0 2px #a855f71a}.dark-select:focus{outline:none;border-color:#a855f7cc!important;box-shadow:0 0 0 3px #a855f733}.dark-select option{background:#1a1a2e!important;color:#e9f2f2!important;padding:.5rem!important}.dark-select option:hover,.dark-select option:checked{background:#a855f74d!important}.wproxy-modal{box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #a855f733,0 0 60px -10px #a855f726}.wproxy-close-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#9fb7c2;font-size:1.3rem;cursor:pointer;padding:.5rem;line-height:1;border-radius:10px;width:42px;height:42px;transition:all .2s ease}.wproxy-close-btn:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.wproxy-config-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;padding:1.25rem;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.wproxy-global-row{background:linear-gradient(135deg,#22c55e12,#3b82f60f);border-color:#22c55e38}.wproxy-global-settings{width:100%;display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.wproxy-global-label{font-size:.86rem;font-weight:600;color:#86efac;margin-right:.2rem}.wproxy-config-label{flex:1;min-width:160px}.wproxy-config-label span{display:block;font-size:.8rem;color:#a8b7c7e6;margin-bottom:.5rem;font-weight:500;letter-spacing:.02em}.wproxy-selection-bar{display:flex;gap:.75rem;margin-bottom:1rem;align-items:center;padding:.75rem 1rem;background:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.wproxy-selection-divider{width:1px;height:24px;background:#94a3b852}.wproxy-btn-select-all{padding:.5rem 1rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.wproxy-btn-select-all:hover{background:#22c55e40;border-color:#22c55e80;transform:translateY(-1px)}.wproxy-btn-deselect{padding:.5rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.wproxy-btn-deselect:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-1px)}.wproxy-selection-count{margin-left:auto;color:#a855f7;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#a855f71a;border-radius:20px}.wproxy-table-container{flex:1;overflow-y:auto;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#00000040;min-height:200px}.wproxy-table{width:100%;border-collapse:collapse;font-size:.9rem}.wproxy-table thead{position:sticky;top:0;background:linear-gradient(180deg,#1a1a2e,#1a1a2ef2);z-index:10}.wproxy-table th{padding:.9rem .75rem;text-align:left;border-bottom:2px solid rgba(168,85,247,.2);color:#a8b7c7e6;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.wproxy-table th:first-child{width:50px;text-align:center}.wproxy-center{text-align:center!important}.wproxy-table td{padding:.85rem .75rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.wproxy-table tbody tr{cursor:pointer;transition:all .15s ease}.wproxy-table tbody tr:hover{background:#ffffff08}.wproxy-table tbody tr.selected{background:#a855f71f}.wproxy-table tbody tr.selected:hover{background:#a855f72e}.wproxy-channel-name{font-weight:500;color:#fff;display:flex;align-items:center;gap:.5rem}.wproxy-channel-link{color:#a855f7cc;text-decoration:none;font-size:1rem;transition:color .2s}.wproxy-channel-link:hover{color:#a855f7}.wproxy-url-cell{max-width:280px}.wproxy-url-link{font-size:.75rem;color:#8aa0abe6;word-break:break-all;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;transition:color .2s}.wproxy-url-link:hover{color:#7bd7ff}.wproxy-drm-cell{max-width:200px}.wproxy-drm-key{font-family:SFMono-Regular,Menlo,Monaco,monospace;font-size:.7rem;color:#22c55e;word-break:break-all;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#22c55e1a;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(34,197,94,.2)}.wproxy-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#a855f7;border-radius:4px}.wproxy-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.wproxy-btn-cancel{padding:.75rem 1.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:10px;cursor:pointer;font-size:.95rem;transition:all .2s ease}.wproxy-btn-cancel:hover{background:#ffffff1f;border-color:#ffffff40}.wproxy-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.wproxy-btn-import{padding:.75rem 1.5rem;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;color:#fff;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s ease;box-shadow:0 4px 15px #a855f74d}.wproxy-btn-import:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.wproxy-btn-import:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.wproxy-btn-ondemand{padding:.5rem 1rem;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.wproxy-btn-ondemand:hover{background:#fbbf2440;border-color:#fbbf2480;transform:translateY(-1px)}.wproxy-btn-ondemand-off{padding:.5rem 1rem;background:#6b728026;border:1px solid rgba(107,114,128,.3);color:#9ca3af;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.wproxy-btn-ondemand-off:hover{background:#6b728040;border-color:#6b728080;transform:translateY(-1px)}.wproxy-toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.4rem .75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s ease;color:#d5e7f1;font-size:.85rem}.wproxy-toggle-label:hover{background:#ffffff14;border-color:#a855f74d}.wproxy-toggle-highlight{border-color:#22c55e57;background:#22c55e1a}.wproxy-toggle-label input:checked+span{color:#22c55e}.wproxy-ondemand-toggle{display:flex;align-items:center;gap:.25rem;cursor:pointer}.wproxy-ondemand-indicator{font-size:.73rem;font-weight:700;letter-spacing:.04em;padding:.14rem .42rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);color:#94a3b8}.wproxy-ondemand-toggle .ondemand-on{color:#fbbf24;border-color:#fbbf2473;background:#fbbf241a}.wproxy-progress{margin-top:1rem;padding:1rem;background:#0003;border-radius:10px;flex-shrink:0}.wproxy-progress-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;color:#a8b7c7}.wproxy-progress-value{font-weight:700;color:#a855f7}.wproxy-progress-bar{height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.wproxy-progress-fill{height:100%;background:linear-gradient(90deg,#a855f7,#22c55e);transition:width .3s ease;border-radius:5px}.wproxy-error{margin-top:1rem;padding:.85rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:.9rem}.wproxy-empty-cell{text-align:center;color:#9fb7c2;padding:1.4rem!important}.player-container{position:relative;background:#000;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.player-loading-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10}.player-loading-copy{text-align:center;color:#fff}.player-loading-icon{font-size:2rem;margin-bottom:.5rem}.player-video{width:100%;max-width:900px;height:auto;display:block}.player-stats{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#000000db,#1e1e32db);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:.75rem 1rem;border-radius:8px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;border:1px solid rgba(255,255,255,.1);min-width:142px}.player-stats-grid{display:grid;grid-template-columns:auto 1fr;gap:.25rem .5rem;align-items:center}.player-stat-icon{opacity:.68}.player-value--good{color:#4ade80}.player-value--warn{color:#fbbf24}.player-value--bad{color:#f87171}.player-value--accent{color:#a78bfa}.player-controls{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;width:100%}.player-control-btn,.player-control-link{padding:.5rem 1rem;border-radius:8px;text-decoration:none;display:inline-block;font-size:.9rem;font-weight:600}.player-control-btn{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#bfdbfe}.player-control-link{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#86efac}.backup-modal-primary{padding:.75rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:10px;margin-bottom:.6rem}.backup-modal-item{padding:.75rem 1rem;background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:.6rem}.backup-modal-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.backup-modal-label{font-size:.85rem;font-weight:600;min-width:80px;color:#94a3b8}.backup-modal-label--primary{color:#4ade80}.backup-modal-url{flex:1;font-size:.75rem;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#0f172a99;border:1px solid rgba(148,163,184,.16);padding:.26rem .45rem;border-radius:6px}.backup-modal-status{font-size:.75rem;padding:.2rem .52rem;border-radius:6px;border:1px solid transparent;font-weight:600}.backup-modal-status.is-active{background:#22c55e33;color:#4ade80;border-color:#22c55e59}.backup-modal-status.is-offline{background:#ef444433;color:#f87171;border-color:#ef444459}.backup-modal-status.is-standby{background:#eab30833;color:#fbbf24;border-color:#eab30859}.backup-modal-btn{padding:.28rem .58rem;font-size:.76rem;border-radius:6px;font-weight:600}.backup-modal-btn--reactivate{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#60a5fa}.backup-modal-btn--remove{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171}.backup-modal-btn--add{padding:.6rem 1rem;background:#3b82f64d;border:1px solid rgba(59,130,246,.5);color:#60a5fa;font-size:.9rem;white-space:nowrap}.backup-modal-add{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.backup-modal-input{flex:1;font-size:.9rem}.backup-modal-btn--add:disabled{opacity:.5}.backup-modal-error-inline{margin-top:.5rem;padding:.5rem;background:#ef44441a;border-radius:6px;font-size:.75rem;color:#f87171}.backup-modal-error{margin-top:.75rem;padding:.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;font-size:.85rem}.backup-modal-note{margin-top:1rem;padding:.75rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:6px;font-size:.8rem;color:#94a3b8}.vod-folder-modal-body{display:flex;flex-direction:column;gap:.5rem}.input-disabled{opacity:.6;cursor:not-allowed}.input-inherited{background:#ffffff08;color:#86efac}.vod-folder-root-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.72rem;grid-column:1/-1}.vod-folder-series-field{display:flex;flex-direction:column;gap:.42rem;grid-column:1/-1}.vod-folder-series-field>span{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sl-muted)}.vod-folder-series-toggle{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem .9rem;border-radius:14px;border:1px solid rgba(34,211,238,.28);background:linear-gradient(145deg,#082f4985,#050f1ee8)}.vod-folder-series-toggle__input{margin:.2rem 0 0;width:1rem;height:1rem;accent-color:#22d3ee}.vod-folder-series-toggle__copy{display:flex;flex-direction:column;gap:.24rem}.vod-folder-series-toggle__copy strong{font-size:.92rem;color:#f8fafc}.vod-folder-series-toggle__copy small{font-size:.78rem;line-height:1.45;color:#9fb7c9}.vod-empty-state{padding:3rem;text-align:center}.vod-empty-title{font-size:1.1rem}.vod-url-line{font-size:.85rem;word-break:break-all}.vod-bucket{margin-top:.5rem}.vod-bucket-badge{font-size:.75rem}.vod-card-actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.vod-logs-empty{text-align:center;padding:2rem}.vod-logs-box{max-height:400px;overflow-y:auto;font-size:.85rem}.vod-logs-pre{margin:0;white-space:pre-wrap;word-break:break-all}.vod-player-video{width:100%;max-height:70vh;background:#000;border-radius:10px}.vod-player-footer{flex:1;text-align:left}.vod-player-output{font-size:.85rem}.pagination-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-top:1.25rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#6366f114,#a855f714);border:1px solid rgba(168,85,247,.2);border-radius:12px}.pagination-left{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.page-size-selector{display:flex;align-items:center;gap:.5rem;margin:0;color:#d5e7f1;font-size:.9rem}.page-size-select{padding:.45rem 2rem .45rem .75rem;background-color:#0f172aeb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath fill='%237dd3fc' d='M6.5 9.3L1.8 4.1h9.4z'/%3E%3C/svg%3E"),linear-gradient(145deg,#0f172af2,#0f172ab8);background-repeat:no-repeat,no-repeat;background-position:calc(100% - .64rem) 50%,0 0;border:1px solid rgba(125,211,252,.4);border-radius:8px;color:#e2edf7;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.page-size-select:hover{border-color:#38bdf899;box-shadow:0 0 0 2px #38bdf824}.page-size-select option{background:#071425;color:#e2edf7}.pagination-info{color:#9fb7c2;font-size:.9rem}.pagination-info strong{color:#7bd7ff;font-weight:600}.pagination-right{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f633,#6366f133);border:1px solid rgba(99,102,241,.4);border-radius:8px;color:#7bd7ff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f659,#6366f159);border-color:#6366f199;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:.25rem}.page-number{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#9fb7c2;background:transparent}.page-number:not(.dots):hover{background:#a855f726;color:#a855f7}.page-number.active{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;font-weight:600;box-shadow:0 4px 12px #a855f74d}.page-number.dots{cursor:default;color:#6b7280}.stream-config-cell{display:flex;flex-direction:column;gap:8px}.stream-output-path{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:12px;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;max-width:200px;overflow:hidden}.output-icon{flex-shrink:0}.output-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8}.stream-config-badges{display:flex;flex-wrap:wrap;gap:4px}.config-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap}.badge-neutral{background:#64748b33;border:1px solid rgba(100,116,139,.3);color:#94a3b8}.badge-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.badge-warning{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fcd34d}.badge-info{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.streams-table .stack strong,.users-table .stack strong{color:#f8fafc;font-weight:600}.streams-table td.actions,.users-table td.actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.streams-table .btn--small,.users-table .btn--small{padding:.34rem .55rem;font-size:.77rem}.streams-table td.actions{gap:.45rem}.streams-table td.actions .btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.36rem .72rem;font-size:.69rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1.2;border-width:1px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease}.streams-table td.actions .btn:before{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .15s ease}.streams-table td.actions .btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a59}.streams-table td.actions .btn:hover:before{opacity:1}.streams-table td.actions .btn:active{transform:translateY(0)}.streams-table td.actions .btn--start{background:#022c22bf;border-color:#22c55e73;color:#bbf7d0}.streams-table td.actions .btn--start:before{background:linear-gradient(135deg,#22c55e40,#10b98140)}.streams-table td.actions .btn--stop,.streams-table td.actions .btn--danger{background:#450a0ab8;border-color:#f8717173;color:#fecaca}.streams-table td.actions .btn--stop:before,.streams-table td.actions .btn--danger:before{background:linear-gradient(135deg,#ef444440,#dc262647)}.streams-table td.actions .btn--edit{background:#1e3a8ab8;border-color:#60a5fa80;color:#dbeafe}.streams-table td.actions .btn--edit:before{background:linear-gradient(135deg,#3b82f63d,#2563eb3d)}.streams-table td.actions .btn--neutral,.streams-table td.actions .stream-action-btn--logs{background:#164e63b8;border-color:#67e8f973;color:#cffafe}.streams-table td.actions .btn--neutral:before,.streams-table td.actions .stream-action-btn--logs:before{background:linear-gradient(135deg,#0ea5e93d,#06b6d43d)}.streams-table .hls-link{padding:.35rem .55rem;border-radius:8px;border:1px solid rgba(56,189,248,.38);background:#0284c729;color:#bae6fd;text-decoration:none;font-size:.78rem;font-weight:600}.streams-table .hls-link:hover{background:#0284c740;text-decoration:none}.streams-table .stream-hls-actions{gap:.4rem}.streams-table .btn-preview,.streams-table .hls-link{border-radius:999px;padding:.36rem .7rem;font-size:.69rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-width:1px}.streams-table .btn-preview{background:#064e3bb8;border-color:#2dd4bf75;color:#ccfbf1}.streams-table .btn-preview:hover:not(:disabled){box-shadow:0 8px 18px #0f766e59}.streams-table .hls-link{background:#082f49b8;border-color:#38bdf86b;color:#e0f2fe}.streams-table .hls-link:hover{background:#082f49e6}.streams-table-wrap th:nth-child(1),.users-table-wrap th:nth-child(1){min-width:180px}.streams-table-wrap th:nth-child(3){min-width:200px}.streams-table-wrap th:nth-child(5),.users-table-wrap th:nth-child(8){min-width:210px}.table-wrapper{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.4) rgba(15,23,42,.4)}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-track{background:#0f172a99;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f180,#8b5cf680);border-radius:4px;border:1px solid rgba(255,255,255,.1)}.table-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6366f1b3,#8b5cf6b3)}.buckets-section{display:block}.bucket-create-form{display:flex;gap:12px;margin:16px 0 24px}.bucket-create-form input{flex:1;max-width:300px}.buckets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.bucket-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bucket-card:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 8px 24px #6366f126}.bucket-card-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.bucket-icon{font-size:28px;width:48px;height:48px;background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:12px;display:flex;align-items:center;justify-content:center}.bucket-info{flex:1;min-width:0}.bucket-name{margin:0;font-size:16px;font-weight:600;color:#e9f2f2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bucket-id{font-size:11px;color:#64748b;font-family:SFMono-Regular,monospace}.bucket-stats{display:flex;gap:24px;padding:14px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:24px;font-weight:700;color:#a5b4fc}.stat-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.bucket-actions{display:flex;gap:8px;margin-top:14px}.bucket-empty{grid-column:1 / -1;text-align:center;padding:48px 24px;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:16px}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.bucket-empty h4{margin:0 0 8px;color:#94a3b8}@media(max-width:720px){.bucket-create-form{flex-direction:column}.bucket-create-form input{max-width:100%}.buckets-grid{grid-template-columns:1fr}.bucket-stats{gap:16px}.stat-value{font-size:20px}}.dashboard-section{display:block}.dashboard-panel{background:#111827b8;border:1px solid rgba(148,163,184,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin-bottom:1rem}.dashboard-card{background:#0f172ad1;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;min-height:172px}.dashboard-card:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 8px 24px #6366f126}.dashboard-card-wide{grid-column:1 / -1;min-height:auto}.dashboard-grid>.dashboard-card:nth-child(1){background:linear-gradient(135deg,#5b57d8,#5147c4)}.dashboard-grid>.dashboard-card:nth-child(2){background:linear-gradient(135deg,#3d9aee,#3284d3)}.dashboard-grid>.dashboard-card:nth-child(3){background:linear-gradient(135deg,#f0b12d,#d79c23)}.dashboard-grid>.dashboard-card:nth-child(4){background:linear-gradient(135deg,#e06464,#c94f4f)}.dashboard-grid>.dashboard-card:nth-child(1) .dashboard-card-title,.dashboard-grid>.dashboard-card:nth-child(2) .dashboard-card-title,.dashboard-grid>.dashboard-card:nth-child(3) .dashboard-card-title,.dashboard-grid>.dashboard-card:nth-child(4) .dashboard-card-title,.dashboard-grid>.dashboard-card:nth-child(1) .dashboard-stat-details .stat-item,.dashboard-grid>.dashboard-card:nth-child(2) .dashboard-stat-details .stat-item,.dashboard-grid>.dashboard-card:nth-child(3) .dashboard-stat-details .stat-item,.dashboard-grid>.dashboard-card:nth-child(4) .dashboard-stat-details .stat-item{color:#ffffffd9}.dashboard-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.dashboard-card-icon{font-size:.74rem;font-weight:700;letter-spacing:.08em;color:#e2e8f0;width:40px;height:40px;background:#ffffff2e;border-radius:10px;border:1px solid rgba(255,255,255,.26);display:flex;align-items:center;justify-content:center}.dashboard-card-title{font-size:13px;font-weight:600;color:#cbd5e1;text-transform:uppercase;letter-spacing:.06em}.dashboard-stat-big{font-size:34px;font-weight:700;color:#fff;line-height:1;margin-bottom:8px}.dashboard-stat-details{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;flex-grow:1}.dashboard-stat-details .stat-item{font-size:12px;color:#cbd5e1;display:flex;align-items:center;gap:4px}.dashboard-stat-details .stat-running{color:#5af78e}.dashboard-stat-details .stat-stopped{color:#94a3b8}.dashboard-stat-details .stat-errored{color:#f87171}.dashboard-action{margin-top:auto;padding:7px 10px;background:#0f172a40;border:1px solid rgba(255,255,255,.26);border-radius:8px;color:#f8fafc;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-action:hover{background:#6366f140;border-color:#6366f180;transform:translateY(-1px)}.dashboard-mini-chart{height:44px;margin-bottom:10px;opacity:.9}.dashboard-mini-chart svg{width:100%;height:100%}.server-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.server-stat{display:flex;flex-direction:column;gap:4px;padding:12px;background:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.server-stat-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.server-stat-value{font-size:18px;font-weight:600;color:#a5b4fc}@media(max-width:720px){.dashboard-grid{grid-template-columns:1fr}.dashboard-stat-big{font-size:36px}.server-stats-grid{grid-template-columns:repeat(2,1fr)}}.traffic-board{margin-top:1rem;background:linear-gradient(170deg,#0f172ac7,#0f172a8f);border:1px solid rgba(148,163,184,.3);border-radius:18px;padding:16px 16px 12px}.traffic-board-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem 1rem;margin-bottom:.8rem}.traffic-board-head h3{margin:0;font-size:1.65rem;line-height:1;color:#f8fafc}.traffic-board-head p{margin:.22rem 0 0;font-size:.82rem;color:#9fb7c2}.traffic-chart-legend{display:inline-flex;align-items:center;gap:.5rem}.traffic-legend-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:#cbd5e1}.traffic-legend-item:before{content:"";width:10px;height:10px;border-radius:999px;background:#94a3b8}.traffic-legend-item--green:before{background:#3acc84}.traffic-legend-item--blue:before{background:#3b82f6}.traffic-legend-item--amber:before{background:#f0b12d}.traffic-range-switcher{display:inline-flex;gap:.35rem;padding:4px;border:1px solid rgba(148,163,184,.32);border-radius:10px;background:#0f172acc}.traffic-range-switcher button{padding:.34rem .72rem;border-radius:8px;background:transparent;border:1px solid transparent;color:#94a3b8;font-size:.8rem;box-shadow:none}.traffic-range-switcher button.active{background:#3b82f647;border-color:#3b82f666;color:#dbeafe}.traffic-board-chart{min-height:280px;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:linear-gradient(180deg,#0f172adb,#0f172aa8);padding:8px;display:flex;gap:.65rem}.traffic-axis-y{width:40px;display:grid;grid-template-rows:repeat(4,1fr);align-items:end;justify-items:end;padding:8px 4px 34px 0;color:#7f97ab;font-size:.72rem;letter-spacing:.03em}.traffic-chart-canvas{flex:1;display:flex;flex-direction:column;min-width:0}.traffic-chart-svg{width:100%;height:240px}.traffic-grid-line{stroke:#94a3b83d;stroke-width:1}.traffic-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.traffic-line--green{stroke:#3acc84}.traffic-line--blue{stroke:#3b82f6}.traffic-line--amber{stroke:#f0b12d;opacity:.78}.traffic-axis-x{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.25rem;padding:.2rem .1rem 0;color:#8aa0ab;font-size:.72rem}.traffic-axis-x span{text-align:center;white-space:nowrap}.traffic-board-metrics{margin-top:.9rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:.6rem}.traffic-metric{padding:.72rem .72rem .62rem;border-radius:11px;background:#1e293bb8;border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:.28rem}.traffic-metric-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.traffic-metric strong{font-size:.94rem;color:#e2e8f0}.traffic-metric-progress{height:5px;border-radius:999px;background:#94a3b83d;overflow:hidden}.traffic-metric-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,#3b82f6,#22d3ee)}.tooltip-container{position:relative;display:inline-flex;align-items:center;margin-left:6px;cursor:help}.tooltip-icon{color:#38bdf8;font-size:.9rem;opacity:.8;transition:opacity .2s;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid currentColor;font-size:10px;font-weight:700}.tooltip-icon:hover{opacity:1;background:#38bdf81f}.tooltip-content{visibility:hidden;width:300px;background-color:#0f172a;color:#cbd5e1;text-align:left;border-radius:8px;padding:12px;position:absolute;z-index:1000;bottom:130%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s,transform .2s;font-size:.85rem;line-height:1.5;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;border:1px solid rgba(168,85,247,.2);pointer-events:none;font-weight:400}.tooltip-container:hover .tooltip-content{visibility:visible;opacity:1;transform:translate(-50%) translateY(-5px)}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:rgba(168,85,247,.2) transparent transparent transparent}.btn--autodetect{background:#a855f726;border:1px solid rgba(168,85,247,.3);color:#d8b4fe;font-size:.8rem;padding:4px 10px;border-radius:6px;margin-left:10px;cursor:pointer;transition:all .2s}.btn--autodetect:hover{background:#a855f740;border-color:#a855f780}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-container{background:#1f2937;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;transform:scale(1);animation:scaleIn .3s ease;position:relative;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-body{padding:20px}.modal-footer{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px;background:#0003}.btn-close{background:transparent;border:none;color:#9ca3af;font-size:24px;line-height:1;cursor:pointer;padding:0;transition:color .2s}.btn-close:hover{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.drm-warning-modal{max-width:450px!important;border:1px solid rgba(255,107,107,.2);box-shadow:0 25px 50px -12px #000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drm-warning-modal .modal-header{border-bottom:1px solid rgba(255,107,107,.1);background:linear-gradient(to right,rgba(255,107,107,.05),transparent)}.drm-warning-modal code{box-shadow:0 0 10px #a855f71a;border:1px solid rgba(168,85,247,.2)}.skeleton-pulse{position:relative;color:transparent!important;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;border-radius:8px;min-width:60px}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-card-loading{position:relative;overflow:hidden}.dashboard-card-loading:after{content:"";position:absolute;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;display:flex;align-items:center;justify-content:center}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;overflow:hidden;padding:2.2rem;background:radial-gradient(circle at 12% 12%,rgba(14,165,233,.2),transparent 38%),radial-gradient(circle at 88% 22%,rgba(37,99,235,.24),transparent 34%),linear-gradient(150deg,#050b17,#0f1a2c 45%,#111f34)}.login-shell{position:relative;z-index:3;display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,430px);gap:1.2rem;width:min(1040px,100%)}.login-hero{padding:2.4rem 2.2rem;border-radius:24px;border:1px solid rgba(125,211,252,.18);background:linear-gradient(160deg,#0f172acc,#0f172a94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:space-between}.login-kicker{margin:0 0 .9rem;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#7dd3fc}.login-title{margin:0;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.05;color:#f8fafc;letter-spacing:-.02em}.login-subtitle{margin:.9rem 0 0;color:#a8bfd1;font-size:.95rem;max-width:52ch}.login-feature-list{margin-top:1.4rem;display:grid;gap:.75rem}.login-feature-item{border-radius:12px;border:1px solid rgba(148,163,184,.24);background:#0f172a85;padding:.85rem .9rem;display:grid;gap:.2rem}.login-feature-item strong{font-size:.86rem;letter-spacing:.04em;text-transform:uppercase;color:#e2e8f0}.login-feature-item span{font-size:.85rem;color:#9fb1c2}.login-panel{position:relative;z-index:10;background:linear-gradient(170deg,#0f172aeb,#020617db);border:1px solid rgba(148,163,184,.26);border-radius:24px;padding:2rem;width:100%;box-shadow:0 26px 50px #02061773;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-logo{text-align:left;margin-bottom:1.6rem;display:grid;gap:.75rem}.login-logo-icon{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#2563eb73,#0284c77a);border:1px solid rgba(125,211,252,.36)}.login-logo-icon svg{width:26px;height:26px;fill:#f8fafc}.login-form-title{margin:0;font-size:1.28rem;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.login-form-subtitle{margin:0;color:#9fb1c2;font-size:.84rem;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:.95rem}.login-input-group{display:flex;flex-direction:column;gap:.45rem}.login-input-group label{color:#9fb1c2;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.login-input{background:#0f172ad1;border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:12px 13px;color:#e9f2f2;font-size:.95rem;transition:all .2s ease}.login-input:focus{outline:none;border-color:#60a5faad;box-shadow:0 0 0 3px #3b82f62e;background:#0f172af5}.login-input::placeholder{color:#6d8190}.login-button{margin-top:.6rem;padding:12px 16px;font-size:.94rem;font-weight:600;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:1px solid rgba(125,211,252,.45);border-radius:12px;color:#f8fafc;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;letter-spacing:.04em;text-transform:uppercase}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #2563eb57}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(248,250,252,.22);border-top-color:#f8fafc;border-radius:50%;animation:loginSpin .8s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:11px 12px;border-radius:10px;font-size:.86rem;text-align:center;margin:0}.login-hint{margin:1rem 0 0;color:#89a0b2;font-size:.78rem;line-height:1.5}.login-hint code{background:#0f172aa8;border:1px solid rgba(148,163,184,.32);color:#bfdbfe;padding:1px 5px;border-radius:5px;font-size:.76rem}@media(max-width:980px){.login-container{padding:1.2rem}.login-shell{grid-template-columns:1fr;max-width:620px}.login-hero{padding:1.2rem 1.1rem}.login-feature-list{grid-template-columns:1fr}}@media(max-width:560px){.login-container{padding:.7rem}.login-panel{padding:1.2rem 1rem;border-radius:18px}.login-title{font-size:1.8rem}.login-feature-item{padding:.72rem .74rem}}.login-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.login-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.62;animation:blobFloat 15s ease-in-out infinite}.login-blob-1{width:400px;height:400px;background:linear-gradient(135deg,#0ea5e966,#2563eb42);top:-100px;left:-100px;animation-delay:0s}.login-blob-2{width:350px;height:350px;background:linear-gradient(135deg,#2563eb4d,#0ea5e938);bottom:-100px;right:-100px;animation-delay:-5s}.login-blob-3{width:250px;height:250px;background:linear-gradient(135deg,#38bdf84d,#3b82f633);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.logout-modal{background:linear-gradient(160deg,#0d161efa,#0c1a26f2);border:1px solid rgba(239,68,68,.2);border-radius:20px;padding:2.5rem;max-width:380px;width:90%;text-align:center;box-shadow:0 25px 50px #00000080,0 0 0 1px #ef44441a;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.logout-modal-icon{font-size:4rem;margin-bottom:1rem;animation:waveHand 1s ease-in-out}@keyframes waveHand{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.logout-modal-title{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;color:#e9f2f2}.logout-modal-text{margin:0 0 1.5rem;color:#8aa0ab;font-size:1rem;line-height:1.5}.logout-modal-actions{display:flex;gap:1rem;justify-content:center}.logout-modal-btn{flex:1;padding:12px 20px;font-size:.95rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease}.logout-modal-btn-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9fb7c2}.logout-modal-btn-cancel:hover{background:#ffffff1a;border-color:#fff3}.logout-modal-btn-confirm{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border:1px solid rgba(239,68,68,.3);color:#fff}.logout-modal-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef44444d}.delete-modal{background:linear-gradient(160deg,#0d161efa,#0c1a26f2);border:1px solid rgba(239,68,68,.25);border-radius:20px;padding:2.5rem;max-width:420px;width:90%;text-align:center;box-shadow:0 25px 50px #00000080,0 0 0 1px #ef44441a,0 0 80px #ef444414;animation:modalSlideIn .3s ease-out}.delete-modal-icon{font-size:4rem;margin-bottom:1rem;animation:shakeWarning .5s ease-in-out}@keyframes shakeWarning{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}.delete-modal-title{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;color:#ff6b6b}.delete-modal-text{margin:0 0 .75rem;color:#e9f2f2;font-size:1.05rem;line-height:1.5}.delete-modal-text strong{color:#f99;font-weight:600}.delete-modal-warning{margin:0 0 1.5rem;color:#8aa0ab;font-size:.9rem;line-height:1.5;padding:.75rem;background:#ef444414;border-radius:8px;border:1px solid rgba(239,68,68,.15)}.delete-modal-actions{display:flex;gap:1rem;justify-content:center}.delete-modal-btn{flex:1;padding:12px 20px;font-size:.95rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease}.delete-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.delete-modal-btn-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9fb7c2}.delete-modal-btn-cancel:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.delete-modal-btn-confirm{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border:1px solid rgba(239,68,68,.3);color:#fff}.delete-modal-btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ef44444d}.bulk-ops-lab{display:flex;flex-direction:column;gap:.9rem}.bulk-ops-lab__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.bulk-ops-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.55rem;flex:1 1 380px}.bulk-ops-kpi-card{padding:.58rem .72rem;border-radius:12px;border:1px solid rgba(125,211,252,.26);background:linear-gradient(145deg,#0f172ac7,#071c2c99)}.bulk-ops-kpi-card span{display:block;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#8da5bf}.bulk-ops-kpi-card strong{display:block;margin-top:.16rem;font-size:1.12rem;color:#e2edf7}.bulk-ops-selection-tools{display:flex;gap:.5rem;flex-wrap:wrap}.bulk-ops-tool-btn{min-height:34px}.bulk-ops-panel{border-radius:14px;border:1px solid rgba(125,211,252,.2);background:#020c188a;padding:.78rem}.bulk-ops-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin-bottom:.68rem}.bulk-ops-panel-head h4{margin:0;font-size:.92rem;color:#dbeafe}.bulk-ops-panel-head p{margin:0}.bulk-ops-filter-grid,.bulk-ops-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.58rem}.bulk-ops-field{display:flex;flex-direction:column;gap:.32rem}.bulk-ops-field span{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8da5bf}.bulk-ops-input,.bulk-ops-select{border-radius:11px}.bulk-ops-field--sm{max-width:190px}.bulk-ops-hosts{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:.44rem;padding:.62rem .74rem;background:#082f496b;border:1px solid rgba(56,189,248,.28);border-radius:10px;margin-top:.65rem}.bulk-ops-hosts-label{color:#8aa0ab;font-size:.78rem;margin-right:.34rem}.bulk-ops-host-chip{padding:.24rem .55rem;background:#38bdf82e;border:1px solid rgba(56,189,248,.32);color:#93c5fd;border-radius:999px;font-size:.72rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.bulk-ops-host-chip:hover{background:#38bdf847;border-color:#7dd3fc9e;transform:translateY(-1px)}.bulk-ops-load-more{min-height:32px}.bulk-ops-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.52rem;max-height:288px;overflow:auto;padding-right:.12rem}.bulk-ops-item-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.56rem;width:100%;text-align:left;padding:.62rem .68rem;border-radius:11px;border:1px solid rgba(100,116,139,.35);background:#0f172ac7;color:#dbeafe;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.bulk-ops-item-card:hover{transform:translateY(-1px);border-color:#7dd3fc8f;box-shadow:0 12px 18px #02061747}.bulk-ops-item-card.selected{border-color:#34d39999;background:linear-gradient(145deg,#052e16b3,#064e3b85)}.bulk-ops-item-check{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:7px;border:1px solid rgba(148,163,184,.45);background:#02061799}.bulk-ops-item-check input[type=checkbox]{width:13px;height:13px;accent-color:#22c55e;pointer-events:none}.bulk-ops-item-copy{display:flex;flex-direction:column;min-width:0}.bulk-ops-item-copy strong{font-size:.82rem;color:#e2edf7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulk-ops-item-copy small{font-size:.69rem;color:#8da5bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulk-ops-item-meta{margin-top:.2rem;font-size:.7rem;color:#93a9bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulk-ops-item-badges{display:flex;align-items:center}.bulk-ops-status-pill{display:inline-flex;align-items:center;padding:.22rem .54rem;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(148,163,184,.32);color:#cbd5e1;background:#1e293b73}.bulk-ops-status-pill.is-running{border-color:#4ade8075;color:#dcfce7;background:#16653470}.bulk-ops-status-pill.is-completed{border-color:#22d3ee75;color:#cffafe;background:#082f4985}.bulk-ops-status-pill.is-error{border-color:#f8717180;color:#fee2e2;background:#7f1d1d70}.bulk-ops-status-pill.is-stopped{border-color:#fbbf2480;color:#fef3c7;background:#78350f73}.bulk-ops-empty,.bulk-ops-loading{padding:1.5rem;text-align:center;border-radius:11px;border:1px dashed rgba(148,163,184,.28);background:#0f172a73;color:#8aa0ab}.bulk-ops-selected-preview{margin-top:.72rem;padding-top:.72rem;border-top:1px solid rgba(125,211,252,.18)}.bulk-ops-selected-title{display:block;font-size:.72rem;color:#9db4ca;margin-bottom:.38rem}.bulk-ops-selected-chips{display:flex;flex-wrap:wrap;gap:.4rem}.bulk-ops-selected-chip{display:inline-flex;align-items:center;padding:.2rem .52rem;border-radius:999px;background:#38bdf824;border:1px solid rgba(56,189,248,.3);color:#dbeafe;font-size:.68rem}.bulk-ops-selected-chip--more{background:#94a3b833;border-color:#94a3b85c;color:#e2e8f0}.bulk-ops-days-input{max-width:120px}.bulk-ops-footer-modern{display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;width:100%}.bulk-ops-footer-copy strong{display:block;font-size:.82rem;color:#e2edf7}.bulk-ops-footer-copy small{display:block;margin-top:.16rem;font-size:.72rem;color:#8da5bf}.bulk-ops-footer-actions{display:flex;gap:.52rem;flex-wrap:wrap}.bulk-ops-btn{min-height:36px;padding:.58rem .98rem;font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:10px;cursor:pointer;transition:all .2s ease}.bulk-ops-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-ops-btn-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9fb7c2}.bulk-ops-btn-cancel:hover:not(:disabled){background:#ffffff1a}.bulk-ops-btn-confirm{background:linear-gradient(145deg,#0ea5e9f0,#06b6d4c7);border:1px solid rgba(125,211,252,.5);color:#03263b}.bulk-ops-btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 18px #0ea5e945}@media(max-width:960px){.bulk-ops-items-grid{grid-template-columns:1fr;max-height:240px}.bulk-ops-action-grid,.bulk-ops-filter-grid{grid-template-columns:1fr}.bulk-ops-footer-modern{flex-direction:column;align-items:stretch}.bulk-ops-footer-actions{width:100%}.bulk-ops-footer-actions .bulk-ops-btn{flex:1 1 170px}}@media(max-width:480px){.logout-modal{padding:2rem 1.5rem;margin:1rem}.logout-modal-actions{flex-direction:column}.delete-modal{padding:2rem 1.5rem;margin:1rem}.delete-modal-actions{flex-direction:column}}.streams-section{display:block}.add-stream-modal{max-width:680px;width:95%;background:linear-gradient(160deg,#0d161efa,#0c1a26f5);border:1px solid rgba(59,130,246,.3);border-radius:16px;box-shadow:0 25px 50px #00000080,0 0 60px #3b82f61a}.add-stream-modal .modal-body{padding:0 20px 20px}.add-stream-modal .form-grid{margin:1rem 0}.add-stream-modal .actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}@media(max-width:720px){.add-stream-modal{max-width:100%;margin:.5rem;max-height:95vh}.add-stream-modal .modal-body{max-height:75vh}}.vod-section{display:block}.vod-list{display:flex;flex-direction:column;gap:1rem}.vod-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;transition:all .2s ease}.vod-card:hover{border-color:#ffffff26;background:#ffffff0a}.vod-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.vod-card-header>div:first-child{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.vod-card-body{display:flex;flex-direction:column;gap:.75rem}.vod-actions{display:flex;gap:.5rem}.btn-sm{padding:.4rem .6rem;font-size:.85rem;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e9f2f2;cursor:pointer;transition:all .2s ease}.btn-sm:hover{background:#ffffff1f;transform:translateY(-1px)}.btn-sm.btn-warning{background:#f59e0b33;border-color:#f59e0b66;color:#fcd34d}.btn-sm.btn-warning:hover{background:#f59e0b4d}.btn-sm.btn-danger{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.btn-sm.btn-danger:hover{background:#ef444440}.vod-progress{margin-top:.5rem}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(135deg,#4ec8ff,#6bc0a6);border-radius:4px;transition:width .3s ease}.progress-info{display:flex;justify-content:space-between;font-size:.8rem;color:#9fb7c2;flex-wrap:wrap;gap:.5rem}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600}.status-idle{background:#9ca3af33;color:#d1d5db}.status-running{background:#3b82f633;color:#93c5fd;animation:pulse-running 2s infinite}@keyframes pulse-running{0%,to{opacity:1}50%{opacity:.7}}.status-success{background:#22c55e33;color:#86efac}.status-error{background:#ef444433;color:#fca5a5}.status-stopped{background:#f59e0b33;color:#fcd34d}.vod-output{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:8px;padding:.5rem .75rem;font-size:.85rem;color:#86efac}.vod-output code{background:#0003;padding:.15rem .4rem;border-radius:4px;font-size:.8rem}.vod-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:.5rem .75rem;font-size:.85rem;color:#fca5a5}.empty-state{background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:12px}.vod-stats-header{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.vod-stat-item{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border-radius:12px;text-align:center;transition:all .2s ease}.vod-stat-value{font-size:1.75rem;font-weight:700;line-height:1.2}.vod-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;opacity:.8}.vod-stat-total{background:linear-gradient(135deg,#3b82f626,#6366f11a);border:1px solid rgba(59,130,246,.25)}.vod-stat-total .vod-stat-value{color:#60a5fa}.vod-stat-total .vod-stat-label{color:#93c5fd}.vod-stat-running{background:linear-gradient(135deg,#a855f726,#8b5cf61a);border:1px solid rgba(168,85,247,.25)}.vod-stat-running .vod-stat-value{color:#c084fc}.vod-stat-running .vod-stat-label{color:#d8b4fe}.vod-stat-completed{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:1px solid rgba(34,197,94,.25)}.vod-stat-completed .vod-stat-value{color:#4ade80}.vod-stat-completed .vod-stat-label{color:#86efac}.vod-stat-error{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid rgba(239,68,68,.25)}.vod-stat-error .vod-stat-value{color:#f87171}.vod-stat-error .vod-stat-label{color:#fca5a5}@media(max-width:720px){.vod-card{padding:.75rem}.vod-card-header{flex-direction:column;align-items:flex-start}.vod-actions{width:100%;justify-content:flex-end}.progress-info{flex-direction:column;gap:.25rem}}@media(max-width:1180px){#app{padding:0!important}.portal-layout{grid-template-columns:86px minmax(0,1fr)}.portal-brand-title,.portal-brand-subtitle,.sidebar-group-title,.sidebar-tab-label{display:none}.portal-brand{padding-inline:0;display:flex;justify-content:center}.portal-sidebar{padding-inline:8px}.sidebar-tab{justify-content:center;padding:.48rem}}@media(max-width:880px){#app{padding:0!important}.portal-layout{grid-template-columns:1fr}.portal-sidebar{position:sticky;top:0;z-index:9;padding:10px 12px;background:#0d1422f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portal-brand,.sidebar-footer{display:none}.sidebar-nav{flex-direction:row;overflow-x:auto;padding-bottom:2px}.sidebar-tab{min-width:76px}.sidebar-tab-label{display:inline;font-size:.74rem}.sidebar-tab-icon{width:28px;height:28px}.sidebar-tab-icon svg{width:15px;height:15px}.portal-topbar{padding:12px 14px;flex-wrap:wrap;gap:.6rem}.portal-content{padding:12px 12px 28px}.traffic-board-head{align-items:flex-start}.traffic-board-chart{min-height:240px}.traffic-axis-y{display:none}.traffic-axis-x{font-size:.66rem}}@media(max-width:560px){.sidebar-tab{min-width:64px;padding:.45rem}.sidebar-tab-label{display:none}.portal-breadcrumb{font-size:.83rem}.portal-topbar-actions{width:100%;justify-content:space-between}}.vod-panel,.bucket-panel,.settings-panel{background:linear-gradient(170deg,#0f172adb,#0f172aad);border:1px solid rgba(148,163,184,.24)}.vod-head .section-toolbar{gap:.45rem}.vod-head .section-toolbar .toolbar-search{min-width:220px}.vod-head .section-toolbar .btn-soft{padding:.48rem .78rem}.vod-active-filters-bar{background:#0284c71a;border-color:#38bdf842}.vod-breadcrumb{border-color:#38bdf83d;background:#0f172ab8}.vod-stats-header--cards{gap:.75rem;margin-bottom:1.1rem}.vod-stats-header--cards .vod-stat-item{background:#0f172a9e;border:1px solid rgba(148,163,184,.24);border-radius:14px;align-items:flex-start;text-align:left;padding:.9rem 1rem;min-width:150px}.vod-stats-header--cards .vod-stat-value{font-size:1.55rem}.vod-folder-card--modern{background:linear-gradient(145deg,#0f172ac2,#0f172a8c);border:1px solid rgba(148,163,184,.24);border-radius:14px;padding:.86rem}.vod-folder-card--modern:hover{border-color:#38bdf875;box-shadow:0 12px 22px #0206175c}.vod-folder-card--modern .vod-folder-icon{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-size:.7rem;background:#3b82f62e;border-color:#3b82f659;color:#bfdbfe}.vod-folder-card--modern .vod-folder-name{font-size:.93rem}.vod-folder-card--modern .vod-folder-count{font-size:.72rem}.vod-card--modern{background:linear-gradient(165deg,#0f172ac7,#0f172a99);border:1px solid rgba(148,163,184,.22);border-radius:14px;padding:.95rem}.vod-card--modern:hover{border-color:#38bdf866;box-shadow:0 10px 22px #02061757}.vod-card--modern .vod-url-line{color:#9fb1c2;font-size:.8rem}.vod-card--modern .status-badge{border:1px solid rgba(148,163,184,.32)}.vod-card--modern .vod-card-actions{padding-top:.2rem}.vod-card--modern .btn-sm{padding:.34rem .56rem;font-size:.76rem;border-radius:8px}.vod-card--modern .btn-sm.ghost{background:#0f172ab3;border-color:#94a3b852;color:#cbd5e1}.bucket-head{margin-bottom:.9rem}.bucket-create-card{padding:.76rem;background:#0f172a94;border:1px solid rgba(148,163,184,.24);border-radius:13px;margin:.4rem 0 1rem}.bucket-create-card input{max-width:360px}.bucket-card--modern{background:linear-gradient(165deg,#0f172abd,#0f172a8f);border:1px solid rgba(148,163,184,.24);border-radius:16px;padding:1rem}.bucket-card--modern:hover{border-color:#38bdf866;box-shadow:0 10px 24px #0206175c}.bucket-card--modern .bucket-icon{width:42px;height:42px;font-size:1.25rem;border-radius:10px;background:linear-gradient(135deg,#2563eb3d,#0284c73d);border:1px solid rgba(56,189,248,.28)}.bucket-card--modern .bucket-name{font-size:1rem}.bucket-card--modern .bucket-stats{padding:.8rem 0}.bucket-card--modern .stat-value{font-size:1.35rem;color:#bfdbfe}.bucket-card--modern .stat-label{color:#9fb1c2}.settings-section{display:block}.settings-panel .settings-head{margin-bottom:1rem}.settings-card{background:#0f172a80;border:1px solid rgba(148,163,184,.24);border-radius:14px;padding:1rem}.settings-card--full{margin-top:1rem}.settings-column{gap:.65rem}.settings-column .form-group,.settings-card .form-group{display:flex;flex-direction:column;gap:.4rem;margin:0}.settings-column .form-group label,.settings-card .form-group label{font-size:.79rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#a8bfd1}.settings-column .form-group input,.settings-column .form-group select,.settings-card .form-group input,.settings-card .form-group select{border-radius:11px}.settings-subtitle{margin:0 0 .6rem;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;color:#7dd3fc}.settings-toggle-line,.settings-toggle-card{background:#0f172ab8;border:1px solid rgba(148,163,184,.22);border-radius:11px}.settings-check--info{accent-color:#0ea5e9}.settings-title--accent{color:#7dd3fc}.settings-title--success{color:#86efac}.settings-status-card{background:#0f172aa3;border:1px solid rgba(148,163,184,.24);border-radius:12px}.settings-status-value{color:#e2e8f0}.settings-subsection-title{margin-top:1.1rem;color:#bae6fd;border-top-color:#94a3b833}.settings-action-btn{padding:.65rem 1rem;font-size:.88rem}.settings-history-wrap{border:1px solid rgba(148,163,184,.24);border-radius:12px;max-height:280px;background:#02061757}.settings-history-table th:nth-child(1){min-width:300px}.settings-history-table td{vertical-align:middle}.settings-history-empty{border:1px dashed rgba(148,163,184,.28);background:#0f172a75}.modern-drop-zone{border-color:#38bdf859;background:#0f172a99}.modern-drop-zone:hover{border-color:#38bdf89e;background:#0284c71a}.dark-select{background:#0f172ad1!important;border-color:#38bdf857!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2338bdf8' d='M6 8L1 3h10z'/%3E%3C/svg%3E")!important}.dark-select:hover{border-color:#38bdf894!important;box-shadow:0 0 0 2px #0ea5e924}.dark-select:focus{border-color:#38bdf8bf!important;box-shadow:0 0 0 3px #0ea5e933}@media(max-width:980px){.vod-head .section-toolbar{width:100%}.vod-head .section-toolbar>*{flex:1 1 160px}.vod-stats-header--cards .vod-stat-item{min-width:140px}.bucket-create-card{flex-direction:column}.bucket-create-card input{max-width:100%}.settings-grid{grid-template-columns:1fr}}.stream-lab{--sl-panel: #071428;--sl-panel-2: #0a1c34;--sl-panel-3: #0f2948;--sl-line: rgba(148, 163, 184, .28);--sl-line-strong: rgba(56, 189, 248, .48);--sl-text: #e2edf7;--sl-muted: #8ca4be;--sl-accent: #38bdf8;--sl-accent-2: #22d3ee;--sl-success: #34d399;--sl-warning: #fbbf24;--sl-danger: #f87171;display:flex;flex-direction:column;gap:1rem;padding:.2rem;max-height:min(80vh,920px);overflow-y:auto;color:var(--sl-text)}.stream-lab::-webkit-scrollbar{width:10px}.stream-lab::-webkit-scrollbar-track{border-radius:999px;background:#030a18b3}.stream-lab::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#38bdf89e,#0ea5e957)}.stream-lab__header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.08rem;border-radius:22px;border:1px solid var(--sl-line-strong);background:radial-gradient(circle at 92% -20%,rgba(34,211,238,.3),transparent 45%),radial-gradient(circle at 0% 100%,rgba(59,130,246,.22),transparent 50%),linear-gradient(152deg,#0a1c34f0,#050f1ef0);box-shadow:inset 0 1px #e2e8f014,0 22px 36px #0206176b}.stream-lab__headline{max-width:780px}.stream-lab__kicker{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#d5f4ff;border:1px solid rgba(125,211,252,.45);background:#082f499e}.stream-lab__title{margin:.54rem 0 0;font-size:1.35rem;letter-spacing:-.02em;color:#f8fafc}.stream-lab__subtitle{margin:.42rem 0 0;font-size:.86rem;line-height:1.45;color:var(--sl-muted)}.stream-lab__chips{display:flex;flex-wrap:wrap;gap:.46rem;margin-top:.76rem}.stream-lab__chip{display:inline-flex;align-items:center;padding:.2rem .62rem;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1;background:#0f172a8f;border:1px solid rgba(148,163,184,.35)}.stream-lab__chip.is-ready{color:#d1fae5;background:#05966947;border-color:#34d39973}.stream-lab__chip.is-live{color:#cffafe;background:#0e749059;border-color:#22d3ee75}.stream-lab__header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.65rem}.stream-lab__import-btn,.stream-lab-btn,.stream-lab__cta{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:.62rem .95rem;font-size:.71rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;transition:transform .16s ease,filter .16s ease}.stream-lab__import-btn{border:1px solid rgba(34,197,94,.5);background:linear-gradient(145deg,#065f46c7,#14b8a68c);color:#d1fae5}.stream-lab__mode-badge{padding:.25rem .68rem;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#bfdbfe;background:#1e40af47;border:1px solid rgba(96,165,250,.44)}.stream-lab__layout{display:flex;flex-direction:column;gap:.95rem}.stream-lab__stagebar{display:flex;flex-wrap:wrap;gap:.55rem;padding:.64rem;border-radius:18px;border:1px solid var(--sl-line);background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.18),transparent 38%),linear-gradient(160deg,#0a1c34e6,#040c18f0)}.stream-lab__stage-btn{display:flex;align-items:center;gap:.56rem;flex:1 1 260px;min-height:62px;padding:.62rem .74rem;border-radius:13px;border:1px solid rgba(100,116,139,.36);background:#030c18c2;color:#dbeafe;text-align:left;cursor:pointer}.stream-lab__stage-btn:hover:not(.active){border-color:#38bdf894;transform:translateY(-1px)}.stream-lab__stage-btn.active{border-color:#22d3eeb8;background:radial-gradient(circle at 100% 0%,rgba(56,189,248,.28),transparent 44%),linear-gradient(140deg,#082f49d6,#0e74907a);box-shadow:0 14px 22px #082f494d}.stream-lab__stage-btn:disabled{opacity:.45;cursor:not-allowed}.stream-lab__stage-number{width:31px;height:31px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:.64rem;font-weight:700;color:#67e8f9;background:#082f49d1;border:1px solid rgba(125,211,252,.35)}.stream-lab__stage-copy{display:flex;flex-direction:column;gap:.08rem;flex:1 1 auto;min-width:0}.stream-lab__stage-copy strong{font-size:.81rem;color:#f1f5f9}.stream-lab__stage-copy small{font-size:.68rem;color:var(--sl-muted)}.stream-lab__stage-state{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1;background:#1e293bb3;border:1px solid rgba(100,116,139,.46)}.stream-lab__stage-btn.active .stream-lab__stage-state{color:#ccfbf1;border-color:#2dd4bf8f;background:#0f766e57}.stream-lab__canvas{border-radius:18px;border:1px solid var(--sl-line);padding:.82rem;background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.16),transparent 35%),linear-gradient(165deg,#061227f5,#030a15f2);box-shadow:inset 0 1px #e2e8f012}.stream-lab__scene,.stream-lab__scene-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.9rem}.stream-lab__scene>.stream-lab__scene-grid,.stream-lab__scene>.stream-lab__empty{grid-column:1 / -1}.stream-lab__scene>.stream-lab-card,.stream-lab__scene-grid>.stream-lab-card{grid-column:span 12}.stream-lab__scene>.stream-lab-card--origin{grid-column:span 7}.stream-lab__scene>.stream-lab-card--publish{grid-column:span 5}.stream-lab__scene>.stream-lab-card--network-base{grid-column:span 12}.stream-lab__scene-grid>.stream-lab-card--drm{grid-column:span 12}.stream-lab__scene-grid>.stream-lab-card--tracks{grid-column:span 7}.stream-lab__scene-grid>.stream-lab-card--backup{grid-column:span 5}.stream-lab__scene-grid>.stream-lab-card--engine{grid-column:span 12}.stream-lab__scene-grid>.stream-lab-card--schedule{grid-column:span 12}.stream-lab-card{position:relative;padding:1rem;border-radius:16px;border:1px solid var(--sl-line);background:linear-gradient(150deg,#0a1c34eb,#061227eb);box-shadow:inset 0 1px #e2e8f00d,0 14px 26px #02061747}.stream-lab-card:before{content:"";position:absolute;left:0;top:0;width:140px;height:96px;background:radial-gradient(circle at 0 0,rgba(56,189,248,.17),transparent 68%);pointer-events:none}.stream-lab-card--origin{border-color:#38bdf866}.stream-lab-card--publish{border-color:#34d39961}.stream-lab-card--drm{border-color:#f8717173;background:linear-gradient(160deg,#450a0a73,#061227f0)}.stream-lab-card--tracks{border-color:#818cf866}.stream-lab-card--backup{border-color:#a78bfa66}.stream-lab-card--network{border-color:#60a5fa66}.stream-lab-card--engine{border-color:#22d3ee66}.stream-lab-card--schedule{border-color:#f59e0b73;background:linear-gradient(150deg,#78350f73,#08172bf0)}.stream-lab-card__head{position:relative;z-index:1;margin-bottom:.8rem}.stream-lab-card__head h4{margin:0;font-size:1.02rem;letter-spacing:-.01em;color:#f8fafc}.stream-lab-card__head p{margin:.27rem 0 0;font-size:.81rem;color:var(--sl-muted)}.stream-lab-form{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.72rem}.stream-lab-form--duo{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stream-lab-field{display:flex;flex-direction:column;gap:.42rem;min-width:0}.stream-lab-field--full,.stream-lab-note{grid-column:1 / -1}.stream-lab-field>span{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sl-muted)}.stream-lab-field__helper{font-size:.74rem;color:#8da5bf}.stream-lab-input,.stream-lab-select,.stream-lab-textarea{width:100%;border-radius:12px;border:1px solid rgba(100,116,139,.44);background:linear-gradient(145deg,#050f1eeb,#0a1c34d1);color:#e2edf7;padding:.64rem .76rem;font-size:.88rem;line-height:1.38}.stream-lab-input:focus,.stream-lab-select:focus,.stream-lab-textarea:focus{outline:none;border-color:#22d3eeb8;box-shadow:0 0 0 3px #0ea5e93d}.stream-lab-select{appearance:none;padding-right:2.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%237dd3fc' d='M7 10L2 4h10z'/%3E%3C/svg%3E"),linear-gradient(145deg,#050f1eeb,#0a1c34d1);background-repeat:no-repeat,no-repeat;background-position:calc(100% - .7rem) 50%,0 0}.stream-lab-textarea{resize:vertical;min-height:96px}.stream-lab-input--url{flex:1 1 auto;min-width:0}.stream-lab-input--mono{font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace}.stream-lab-inline{display:flex;align-items:center;gap:.6rem}.stream-lab-btn--analyze{border:1px solid rgba(34,211,238,.52);background:linear-gradient(145deg,#0891b270,#0ea5e95c);color:#cffafe}.stream-lab-btn--ghost{border:1px solid rgba(56,189,248,.42);background:linear-gradient(145deg,#1e293bdb,#0c4a6ead);color:#dbeafe}.stream-lab-btn--backup{border:1px solid rgba(167,139,250,.52);background:linear-gradient(145deg,#4c1d959e,#1e40af75);color:#ede9fe}.stream-proxy-readonly{cursor:not-allowed;color:#dbeafe;border-color:#38bdf866;background:linear-gradient(145deg,#082f4975,#061227e6)}.stream-proxy-actions{margin-top:.18rem}.stream-proxy-picker{display:flex;flex-direction:column;gap:.75rem}.stream-proxy-picker__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;padding:.7rem;border-radius:12px;border:1px solid rgba(100,116,139,.35);background:#081326ad}.stream-proxy-picker__field{display:flex;flex-direction:column;gap:.34rem}.stream-proxy-picker__field>span{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8da5bf}.stream-proxy-picker__field--inline{flex-direction:row;align-items:center;gap:.5rem}.stream-proxy-picker__field--inline>span{margin-bottom:0}.stream-proxy-picker__field--inline .streams-filter-select{min-width:88px}.stream-proxy-picker__pager{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.7rem .74rem;border-radius:12px;border:1px solid rgba(34,211,238,.28);background:linear-gradient(145deg,#082f4966,#020c18c7)}.stream-proxy-picker__pager-left,.stream-proxy-picker__pager-right{display:flex;align-items:center;gap:.58rem;flex-wrap:wrap}.stream-proxy-picker__range,.stream-proxy-picker__page{margin:0;font-size:.72rem;color:#b9d4ef;font-weight:600;letter-spacing:.04em}.stream-proxy-picker__nav{min-width:96px}.stream-proxy-picker__empty{margin:0}.stream-proxy-picker__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.64rem;max-height:52vh;overflow:auto;padding-right:.2rem}.stream-proxy-picker__card{display:flex;flex-direction:column;gap:.58rem;padding:.75rem;border-radius:14px;border:1px solid rgba(100,116,139,.34);background:linear-gradient(155deg,#0f172ac7,#020c18c2)}.stream-proxy-picker__card.is-online{border-color:#34d39980}.stream-proxy-picker__card.is-offline{border-color:#f8717180}.stream-proxy-picker__card.selected{border-color:#22d3eebf;box-shadow:0 0 0 2px #22d3ee33}.stream-proxy-picker__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.stream-proxy-picker__title{min-width:0;display:flex;flex-direction:column}.stream-proxy-picker__title strong{font-size:.8rem;color:#f8fafc;line-height:1.35}.stream-proxy-picker__title small{font-size:.7rem;color:#90a9c4;margin-top:.14rem}.stream-proxy-picker__meta{display:flex;flex-direction:column;gap:.34rem}.stream-proxy-picker__meta code{display:block;padding:.34rem .5rem;border-radius:10px;border:1px solid rgba(100,116,139,.34);background:#0206178f;font-size:.7rem;color:#bfdbfe;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-proxy-picker__meta span{display:inline-flex;align-items:center;gap:.22rem;width:fit-content;padding:.2rem .46rem;border-radius:999px;border:1px solid rgba(100,116,139,.34);background:#0f172abd;font-size:.64rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#cde3fa}.stream-proxy-picker__actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.stream-proxy-picker__actions .stream-lab-btn{flex:1 1 auto;min-width:110px}@media(max-width:860px){.stream-proxy-picker__pager{flex-direction:column;align-items:stretch}.stream-proxy-picker__pager-left,.stream-proxy-picker__pager-right{justify-content:space-between}.stream-proxy-picker__page{flex:1 1 auto;text-align:center}}.stream-lab__import-btn:hover,.stream-lab-btn:hover,.stream-lab__cta:hover{transform:translateY(-1px);filter:brightness(1.05)}.stream-lab-btn:disabled,.stream-lab__cta:disabled{opacity:.5;cursor:not-allowed;filter:none}.stream-lab-note{padding:.74rem .86rem;border-radius:12px;font-size:.8rem;line-height:1.4}.stream-lab-note--info{border:1px solid rgba(34,211,238,.42);background:#082f4999;color:#bae6fd}.stream-lab-note--hint{border:1px dashed rgba(125,211,252,.54);background:#0e749024;color:#cfe5f6}.stream-lab-drm{border:1px solid rgba(248,113,113,.44);border-radius:12px;padding:.75rem;margin-bottom:.68rem;background:#7f1d1d52;color:#fee2e2;line-height:1.45}.stream-lab-drm code{display:inline-block;padding:.12rem .38rem;border-radius:8px;background:#1e293bbd;border:1px solid rgba(248,113,113,.32);color:#fbcfe8;word-break:break-all}.stream-lab-drm__warning{color:#fcd34d}.stream-lab-drm__action{display:flex;align-items:center;justify-content:space-between;gap:.58rem}.stream-lab-backup{display:flex;flex-direction:column;gap:.62rem}.stream-lab-backup__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.66rem;flex-wrap:wrap;padding:.72rem;border-radius:12px;border:1px solid rgba(167,139,250,.4);background:#4c1d9533}.stream-lab-backup__head strong{display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ddd6fe}.stream-lab-backup__head small{display:block;margin-top:.22rem;font-size:.79rem;color:#c4b5fd}.stream-lab-backup__list{display:flex;flex-direction:column;gap:.44rem}.stream-lab-backup__row{display:flex;align-items:center;gap:.52rem;padding:.48rem .58rem;border-radius:10px;border:1px solid rgba(100,116,139,.4);background:#020c18b8}.stream-lab-backup__dot{font-size:.95rem;line-height:1;color:#94a3b8}.stream-lab-backup__dot.is-offline{color:var(--sl-danger)}.stream-lab-backup__dot.is-active{color:var(--sl-success)}.stream-lab-backup__dot.is-standby{color:var(--sl-warning)}.stream-lab-backup__row code{font-size:.77rem;color:#cbd5e1}.stream-lab-backup__more{font-size:.78rem;color:#a5b4fc}.stream-lab-engine-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.62rem}.stream-lab-engine-group{display:flex;flex-direction:column;gap:.5rem;padding:.74rem;border-radius:13px;border:1px solid rgba(100,116,139,.4);background:#020c189e}.stream-lab-engine-group h5{margin:0;font-size:.8rem;letter-spacing:.02em;color:#e2edf7}.stream-lab-engine-group p{margin:0;font-size:.72rem;color:var(--sl-muted)}.stream-lab-switch-list{display:flex;flex-direction:column;gap:.42rem}.stream-lab-switch-row{display:flex;align-items:center;justify-content:space-between;gap:.68rem;padding:.62rem .68rem;border-radius:11px;border:1px solid rgba(100,116,139,.35);background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.06),transparent 48%),#030c18c7;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease}.stream-lab-switch-row:hover{border-color:#7dd3fc8f;background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.12),transparent 52%),#030c18d1;box-shadow:0 10px 16px #02061740;transform:translateY(-1px)}.stream-lab-switch-row__copy{display:flex;flex-direction:column;gap:.16rem;flex:1 1 auto;min-width:0}.stream-lab-switch-row__copy strong{font-size:.8rem;color:#e2edf7}.stream-lab-switch-row__copy small{font-size:.72rem;color:var(--sl-muted)}.stream-lab-switch-row__control{position:relative;width:66px;height:30px;flex-shrink:0}.stream-lab-switch-row__control input{position:absolute;inset:0;opacity:0;cursor:pointer}.stream-lab-switch-row__control span{position:absolute;inset:0;border-radius:999px;background:linear-gradient(145deg,#334155f2,#0f172af2);border:1px solid rgba(148,163,184,.5);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #02061773;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.stream-lab-switch-row__control span:before{content:"OFF";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.57rem;font-weight:800;letter-spacing:.1em;color:#cbd5e1d1;transition:color .2s ease,transform .2s ease}.stream-lab-switch-row__control span:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:linear-gradient(160deg,#e2e8f0,#cbd5e1);box-shadow:0 2px 5px #02061773,inset 0 1px #fffc;transition:transform .2s ease,background .2s ease}.stream-lab-switch-row__control input:checked+span{background:linear-gradient(145deg,#10b981d9,#06b6d4d1);border-color:#2dd4bfbd;box-shadow:0 0 0 3px #14b8a629,inset 0 1px #ffffff2e}.stream-lab-switch-row__control input:checked+span:before{content:"ON";right:auto;left:10px;color:#ecfeff;transform:translateY(-50%) translate(0)}.stream-lab-switch-row__control input:checked+span:after{transform:translate(36px);background:linear-gradient(160deg,#f8fafc,#dbeafe)}.stream-lab-switch-row__control input:focus-visible+span{box-shadow:0 0 0 3px #38bdf83d,inset 0 1px #ffffff1a}.stream-lab-switch-row__control input:disabled+span{opacity:.6}@supports selector(.stream-lab-switch-row:has(.stream-lab-switch-row__control input:checked)){.stream-lab-switch-row:has(.stream-lab-switch-row__control input:checked){border-color:#2dd4bf94;background:radial-gradient(circle at 0% 0%,rgba(45,212,191,.2),transparent 52%),#03141ecc;box-shadow:0 12px 18px #064e3b40}}.stream-lab-switch-row.is-disabled{opacity:.56;cursor:not-allowed}.stream-lab-schedule{display:flex;flex-direction:column;gap:.66rem}.stream-lab-schedule__toggle{display:inline-flex;align-items:center;gap:.52rem;font-size:.8rem;font-weight:700;color:#fde68a}.stream-lab__empty{padding:1.25rem;border-radius:14px;border:1px dashed rgba(56,189,248,.56);background:radial-gradient(circle at 0% 100%,rgba(34,211,238,.2),transparent 50%),linear-gradient(145deg,#061227e6,#020c18eb)}.stream-lab__empty h4{margin:0 0 .32rem;color:#dbeafe}.stream-lab__empty p{margin:0;font-size:.84rem;color:#93c5fd}.stream-lab__footer{position:sticky;bottom:-1px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:.72rem;flex-wrap:wrap;padding:.84rem;border-radius:14px;border:1px solid rgba(56,189,248,.38);background:radial-gradient(circle at 0% 0%,rgba(34,211,238,.22),transparent 45%),linear-gradient(145deg,#031220f2,#082f49c2)}.stream-lab__footer-copy{display:flex;flex-direction:column;gap:.2rem}.stream-lab__footer-copy strong{font-size:.77rem;color:#e2edf7}.stream-lab__footer-copy small{font-size:.74rem;color:var(--sl-muted)}.stream-lab__footer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.stream-lab__step-actions{display:flex;align-items:center;gap:.5rem;padding-right:.25rem;margin-right:.2rem;border-right:1px solid rgba(125,211,252,.25)}.stream-lab__cta{min-height:40px;padding:.64rem 1.02rem}.stream-lab__cta--step{border:1px solid rgba(125,211,252,.45);background:#082f4985;color:#bae6fd;min-width:84px}.stream-lab__cta--primary{border:1px solid rgba(125,211,252,.58);background:linear-gradient(135deg,#0ea5e9f5,#22d3eed6);color:#052339}.stream-lab__cta--ghost{border:1px solid rgba(148,163,184,.42);background:#0f172ab8;color:#dbeafe}.stream-lab__error{margin:-.2rem 0 0;padding:.72rem .84rem;border-radius:12px;border:1px solid rgba(248,113,113,.52);background:#7f1d1d57;color:#fecaca;font-size:.82rem;font-weight:600}@media(max-width:1080px){.stream-lab__scene,.stream-lab__scene-grid{grid-template-columns:1fr}.stream-lab__scene>.stream-lab-card,.stream-lab__scene-grid>.stream-lab-card{grid-column:1 / -1}.stream-lab__stage-btn{flex:1 1 180px}}@media(max-width:760px){.stream-lab__header{padding:.9rem}.stream-lab__title{font-size:1.1rem}.stream-lab__header-actions{align-items:flex-start}.stream-lab-inline{flex-direction:column;align-items:stretch}.stream-lab-form,.stream-lab-engine-grid{grid-template-columns:1fr}.stream-lab-drm__action{flex-direction:column;align-items:flex-start}.stream-lab__footer{flex-direction:column;align-items:stretch}.stream-lab__footer-actions{width:100%}.stream-lab__step-actions{width:100%;padding-right:0;margin-right:0;border-right:none}.stream-lab__cta--step{flex:1 1 0}.stream-lab__cta{width:100%}}.streams-section .streams-panel{border-radius:24px;padding:1.25rem;border:1px solid rgba(148,163,184,.24);background:radial-gradient(circle at 8% 0%,rgba(56,189,248,.16),transparent 32%),radial-gradient(circle at 100% 0%,rgba(45,212,191,.14),transparent 30%),linear-gradient(160deg,#030e1cdb,#061424d6);box-shadow:inset 0 1px #e2e8f014,0 20px 38px #02061759}.streams-section .streams-toolbar-modern{gap:.6rem}.streams-section .streams-cta{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.56rem 1.02rem;font-size:.74rem;letter-spacing:.07em;text-transform:uppercase}.streams-section .streams-cta svg{width:14px;height:14px;fill:currentColor}.streams-section .streams-cta--new{box-shadow:0 14px 28px #0ea5e938}.streams-section .streams-cta--bulk{box-shadow:0 14px 28px #22c55e29}.streams-section .streams-workspace-tabs{border-radius:16px;padding:.4rem;background:#020c18b3;border:1px solid rgba(148,163,184,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.streams-section .streams-workspace-tab{display:inline-flex;align-items:center;gap:.42rem;border-radius:12px;padding:.56rem .86rem}.streams-section .streams-workspace-tab svg{width:13px;height:13px;fill:currentColor}.streams-section .streams-filters-shell,.streams-section .streams-table-shell{border-radius:18px;border:1px solid rgba(125,211,252,.19);background:#020c1894}.streams-section .filters-grid.filters-grid-compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.streams-section .filter-field--modern>span{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.streams-section .streams-filter-input,.streams-section .streams-filter-select{border-radius:12px;border:1px solid rgba(100,116,139,.42);background:linear-gradient(145deg,#0f172ae0,#0f172a9e);color:#e2edf7;box-shadow:inset 0 1px #ffffff0d}.streams-section .streams-filter-input:focus,.streams-section .streams-filter-select:focus{border-color:#38bdf8b8;box-shadow:0 0 0 3px #0ea5e933}.streams-section .streams-filter-select,.streams-section .stream-select{appearance:none;-webkit-appearance:none;color-scheme:dark;padding-right:2.15rem;background-color:#0f172aeb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%237dd3fc' d='M7 10L2 4h10z'/%3E%3C/svg%3E"),linear-gradient(145deg,#0f172aeb,#0f172ab8);background-repeat:no-repeat,no-repeat;background-position:calc(100% - .7rem) 50%,0 0}.streams-section .streams-filter-select option,.streams-section .stream-select option{background:#071425;color:#e2edf7}.streams-section .filter-order-btn--modern{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;padding:.58rem .9rem}.streams-section .filter-order-btn--modern svg{width:14px;height:14px;fill:currentColor}.streams-section .streams-table-shell--modern .streams-shell-head{margin-bottom:.95rem}.streams-section .streams-list-grid--modern{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.streams-section .stream-list-card--modern{position:relative;overflow:hidden;border-radius:18px;padding:1rem;gap:.85rem;border:1px solid rgba(125,211,252,.23);background:linear-gradient(155deg,#0f172adb,#031220b8);box-shadow:inset 0 1px #e2e8f00d}.streams-section .stream-list-card--modern:hover{transform:translateY(-3px);border-color:#7dd3fc85;box-shadow:0 22px 30px #0206175c}.streams-section .stream-list-card--modern.selected{border-color:#22d3eead;box-shadow:0 0 0 1px #22d3ee59,0 22px 32px #082f4959}.streams-section .stream-card-glow{position:absolute;right:-18px;top:-36px;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 70%);pointer-events:none}.streams-section .stream-list-head--modern{position:relative;z-index:1}.streams-section .stream-list-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.streams-section .stream-list-title{letter-spacing:-.01em;font-size:1.04rem}.streams-section .stream-list-bucket{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .55rem;border-radius:999px;font-size:.67rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ccfbf1;background:#0d948833;border:1px solid rgba(45,212,191,.34)}.streams-section .stream-list-bucket svg{width:10px;height:10px;fill:currentColor}.streams-section .stream-head-status{display:inline-flex;align-items:center;gap:.4rem}.streams-section .stream-status-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px #94a3b829}.streams-section .stream-status-dot.is-running{background:#4ade80;box-shadow:0 0 0 4px #22c55e33}.streams-section .stream-status-dot.is-starting{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b38}.streams-section .stream-status-dot.is-errored{background:#f87171;box-shadow:0 0 0 4px #f8717133}.streams-section .stream-card-metrics{display:flex;flex-wrap:wrap;gap:.45rem}.streams-section .stream-metric-chip{display:inline-flex;align-items:center;gap:.32rem;padding:.22rem .56rem;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#e2e8f0;border:1px solid rgba(148,163,184,.35);background:#0f172ad1}.streams-section .stream-metric-chip svg{width:12px;height:12px;fill:currentColor}.streams-section .stream-metric-chip.is-success{color:#dcfce7;background:#14532d8a;border-color:#22c55e66}.streams-section .stream-metric-chip.is-warning{color:#fef3c7;background:#78350f99;border-color:#f59e0b6b}.streams-section .stream-metric-chip.is-info{color:#dbeafe;background:#1e3a8a8a;border-color:#60a5fa6b}.streams-section .stream-list-body--modern{gap:.62rem}.streams-section .stream-track-row--modern{gap:.38rem}.streams-section .stream-links-row--modern{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem}.streams-section .stream-link-btn{justify-content:center;padding:.46rem .75rem;font-size:.68rem;letter-spacing:.06em}.streams-section .stream-link-btn svg{width:12px;height:12px}.streams-section .stream-actions-row--modern{display:flex;flex-wrap:wrap;gap:.52rem}.streams-section .stream-icon-btn{font-size:.66rem;letter-spacing:.06em}.streams-section .stream-icon-btn--primary{flex:1 1 145px;justify-content:center;padding:.48rem .7rem}.streams-section .stream-secondary-actions{display:flex;flex:2 1 260px;flex-wrap:wrap;gap:.45rem}.streams-section .stream-secondary-actions .stream-icon-btn{flex:1 1 92px;justify-content:center}@media(max-width:960px){.streams-section .streams-toolbar-modern{width:100%}.streams-section .streams-toolbar-modern>*{flex:1 1 180px}.streams-section .streams-list-grid--modern{grid-template-columns:1fr}.streams-section .stream-list-head--modern{flex-direction:column;align-items:flex-start}.streams-section .stream-head-status{width:100%}.streams-section .stream-links-row--modern{grid-template-columns:1fr}.streams-section .stream-actions-row--modern{flex-direction:column}.streams-section .stream-secondary-actions{flex:1 1 auto;width:100%}.streams-section .stream-icon-btn--primary,.streams-section .stream-secondary-actions .stream-icon-btn{flex:1 1 auto}.streams-section .streams-workspace-tab{width:100%}}.vod-lab{display:flex;flex-direction:column;gap:.85rem}.vod-creator-lab .stream-lab__mode-badge{color:#bfdbfe;background:#1e40af4d;border-color:#60a5fa80}.vod-folder-lab{gap:.7rem;padding:0;max-height:none;overflow:visible}.vod-folder-lab__header{padding:.92rem;border-radius:16px}.vod-folder-lab__header .stream-lab__title{font-size:1.08rem}.vod-folder-lab__header .stream-lab__subtitle{font-size:.8rem}.vod-folder-lab__card{padding:.88rem}.vod-folder-lab .stream-lab__layout{gap:.7rem}.vod-folder-lab .stream-lab__canvas{padding:.62rem;border-radius:14px}.vod-folder-lab .stream-lab-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.vod-folder-lab__footer{position:static;padding:.7rem .78rem;border-radius:12px}.vod-log-lab,.vod-player-lab{gap:.72rem;padding:0;max-height:none;overflow:visible}.vod-log-lab .stream-lab__layout,.vod-player-lab .stream-lab__layout{gap:.72rem}.vod-log-lab .stream-lab__canvas,.vod-player-lab .stream-lab__canvas{padding:.64rem;border-radius:14px}.vod-log-lab__card,.vod-player-lab__card{padding:.9rem}.vod-log-lab__empty{min-height:170px}.vod-log-lab__viewer{border-radius:12px;border:1px solid rgba(100,116,139,.4);background:#020c18cc;max-height:430px;overflow:auto}.vod-log-lab__pre{margin:0;padding:.85rem;font-size:.79rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;color:#cbd5e1;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace}.vod-player-lab__frame{border-radius:13px;border:1px solid rgba(100,116,139,.42);background:#010409;padding:.55rem}.vod-player-video--lab{display:block;border-radius:10px}.vod-log-lab__footer,.vod-player-lab__footer{position:static;padding:.72rem .82rem;border-radius:12px}.vod-player-lab__footer .vod-player-output{max-width:min(100%,560px);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vod-lab-summary-card .stream-lab-note{margin-top:.7rem}.vod-lab-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.56rem}.vod-lab-metric{display:flex;flex-direction:column;gap:.18rem;padding:.62rem .68rem;border-radius:10px;border:1px solid rgba(100,116,139,.36);background:#020c18b8}.vod-lab-metric strong{font-size:.94rem;color:#e2edf7}.vod-lab-metric small{font-size:.72rem;color:#93a9be;text-transform:uppercase;letter-spacing:.08em}.vod-lab-metric.is-danger{border-color:#f8717180;background:#7f1d1d5c}@media(max-width:760px){.vod-folder-lab__header{padding:.78rem}.vod-folder-lab__footer .stream-lab__footer-actions,.vod-folder-lab__footer .stream-lab__cta,.vod-log-lab__footer .stream-lab__footer-actions,.vod-player-lab__footer .stream-lab__footer-actions,.vod-log-lab__footer .stream-lab__cta,.vod-player-lab__footer .stream-lab__cta{width:100%}.vod-player-lab__footer .vod-player-output{max-width:100%}.vod-lab-metrics{grid-template-columns:1fr}}.vod-lab-grid{padding:.9rem;border-radius:16px;border:1px solid rgba(125,211,252,.22);background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.14),transparent 36%),linear-gradient(155deg,#051220eb,#030e19e6)}.vod-lab-select{appearance:none;-webkit-appearance:none;color-scheme:dark;padding-right:2rem;background-color:#0f172aeb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='%237dd3fc' d='M7 10L2 4h10z'/%3E%3C/svg%3E"),linear-gradient(145deg,#0f172aeb,#0f172ab8);background-repeat:no-repeat,no-repeat;background-position:calc(100% - .64rem) 50%,0 0;border-color:#64748b6b;border-radius:11px;color:#e2edf7;box-shadow:inset 0 1px #ffffff0d}.vod-lab-select:focus{border-color:#38bdf8b8;box-shadow:0 0 0 3px #0ea5e933}.vod-lab-select option{background:#071425;color:#e2edf7}.vod-section--modern .vod-workspace-panel{gap:1rem}.vod-section--modern .vod-toolbar-modern{gap:.6rem}.vod-section--modern .vod-overview-grid{margin-bottom:.1rem}.vod-section--modern .vod-overview-card{min-height:116px}.vod-section--modern .vod-filters-shell,.vod-section--modern .vod-folders-shell,.vod-section--modern .vod-table-shell{border-radius:18px;border:1px solid rgba(125,211,252,.19);background:#020c1894;padding:.95rem}.vod-section--modern .vod-filters-card{padding:0;background:transparent;border:none;box-shadow:none}.vod-section--modern .vod-active-filters-bar{margin-top:.8rem}.vod-section--modern .vod-breadcrumb{margin-bottom:.9rem}.vod-section--modern .vod-folder-grid--modern{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.95rem;margin-bottom:0}.vod-section--modern .vod-folder-card--modern{position:relative;overflow:hidden;border-radius:16px;padding:.92rem;border:1px solid rgba(125,211,252,.24);background:linear-gradient(155deg,#0f172adb,#031220b8);box-shadow:inset 0 1px #e2e8f00d}.vod-section--modern .vod-folder-card--modern:hover{transform:translateY(-2px);border-color:#7dd3fc8c;box-shadow:0 18px 30px #02061757}.vod-section--modern .vod-folder-card--modern .vod-folder-card-head{display:flex;align-items:stretch;gap:.78rem}.vod-section--modern .vod-folder-card--modern .vod-folder-card-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:.35rem}.vod-section--modern .vod-folder-artwork{position:relative;display:flex;align-items:flex-start;justify-content:flex-end;flex-shrink:0;width:96px;min-height:132px;padding:.68rem;border-radius:15px;overflow:hidden;background-color:#0f172a;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 24px rgba(2,6,23,.34)}.vod-section--modern .vod-folder-artwork:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.08) 0%,rgba(2,6,23,.22) 38%,rgba(2,6,23,.74) 100%)}.vod-section--modern .vod-folder-artwork-badge{position:relative;z-index:1;display:inline-flex;align-items:center;padding:.24rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:rgba(15,23,42,.72);backdrop-filter:blur(6px);color:#f8fafc;font-size:.63rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vod-section--modern .vod-folder-card--modern .vod-folder-icon{width:35px;height:35px;padding:0;border-radius:10px;background:#0e749052;border-color:#22d3ee70;color:#99f6e4;flex-shrink:0}.vod-section--modern .vod-folder-card--modern .vod-folder-icon svg{width:14px;height:14px;fill:currentColor}.vod-section--modern .vod-folder-card--modern .vod-folder-name{font-size:.94rem}.vod-section--modern .vod-folder-subtitle{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#93c5fd}.vod-section--modern .vod-folder-summary{margin:0;font-size:.78rem;line-height:1.45;color:#c7d7e8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vod-section--modern .vod-folder-card--modern .vod-folder-count{display:flex;flex-wrap:wrap;align-items:center;gap:.42rem;font-size:.74rem}.vod-section--modern .vod-folder-series-pill{display:inline-flex;align-items:center;padding:.18rem .5rem;border-radius:999px;border:1px solid rgba(45,212,191,.42);background:#064e3b66;color:#d1fae5;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vod-section--modern .vod-folder-card--modern .vod-folder-card-actions{margin-top:auto;padding-top:.4rem}.vod-section--modern .vod-folder-root-fields{display:grid;gap:.9rem}.vod-section--modern .vod-folder-series-field{display:flex;flex-direction:column;gap:.48rem}.vod-section--modern .vod-folder-series-toggle{display:flex;align-items:flex-start;gap:.72rem;padding:.78rem .82rem;border-radius:14px;border:1px solid rgba(45,212,191,.24);background:linear-gradient(145deg,#052e2ba8,#0f172ad6)}.vod-section--modern .vod-folder-series-toggle__input{width:18px;height:18px;accent-color:#22d3ee;flex-shrink:0;margin-top:.15rem}.vod-section--modern .vod-folder-series-toggle__copy{display:flex;flex-direction:column;gap:.18rem}.vod-section--modern .vod-folder-series-toggle__copy strong{font-size:.83rem;color:#e6fffb}.vod-section--modern .vod-folder-series-toggle__copy small{font-size:.73rem;line-height:1.45;color:#9ed6d1}.vod-section--modern .vod-table-shell .streams-shell-head{margin-bottom:.95rem}.vod-section--modern .vod-list--modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.vod-section--modern .vod-list-card--modern{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:18px;padding:1rem;border:1px solid rgba(125,211,252,.23);background:linear-gradient(155deg,#0f172adb,#031220b8);box-shadow:inset 0 1px #e2e8f00d}.vod-section--modern .vod-list-card--modern:hover{transform:translateY(-3px);border-color:#7dd3fc85;box-shadow:0 22px 30px #0206175c}.vod-section--modern .vod-card-artwork{position:relative;display:flex;align-items:flex-start;justify-content:flex-end;min-height:184px;margin-bottom:.82rem;padding:.82rem;border-radius:16px;overflow:hidden;background-color:#0f172a;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 30px rgba(2,6,23,.28)}.vod-section--modern .vod-card-artwork:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.1) 0%,rgba(2,6,23,.26) 38%,rgba(2,6,23,.82) 100%)}.vod-section--modern .vod-card-artwork-badge{position:relative;z-index:1;display:inline-flex;align-items:center;padding:.26rem .62rem;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(15,23,42,.72);backdrop-filter:blur(8px);color:#f8fafc;font-size:.64rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.vod-section--modern .vod-card-glow{position:absolute;right:-22px;top:-36px;width:138px;height:138px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 72%);pointer-events:none}.vod-section--modern .vod-list-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin-bottom:.72rem}.vod-section--modern .vod-card-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:.4rem}.vod-section--modern .vod-list-title-wrap{flex:1;min-width:0}.vod-section--modern .vod-list-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.46rem}.vod-section--modern .vod-list-title{font-size:1.02rem;letter-spacing:-.01em;margin:0}.vod-section--modern .vod-list-bucket{display:inline-flex;align-items:center;padding:.18rem .54rem;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#ccfbf1;background:#0d948833;border:1px solid rgba(45,212,191,.34)}.vod-section--modern .vod-list-id{display:block;margin-top:.18rem;font-size:.68rem;color:#7c97ae}.vod-section--modern .vod-card-subtitle{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#93c5fd}.vod-section--modern .vod-card-summary{margin:0;font-size:.8rem;line-height:1.48;color:#c7d7e8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vod-section--modern .vod-url-line{font-size:.78rem;margin:.44rem 0 0;color:#9fb1c2}.vod-section--modern .vod-head-status{display:inline-flex;align-items:center;gap:.4rem}.vod-section--modern .vod-status-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px #94a3b829}.vod-section--modern .vod-status-dot.is-running{background:#4ade80;box-shadow:0 0 0 4px #22c55e33}.vod-section--modern .vod-status-dot.is-completed{background:#22d3ee;box-shadow:0 0 0 4px #22d3ee33}.vod-section--modern .vod-status-dot.is-error{background:#f87171;box-shadow:0 0 0 4px #f8717133}.vod-section--modern .vod-status-dot.is-stopped{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b38}.vod-section--modern .vod-status-badge{border:1px solid rgba(148,163,184,.32)}.vod-section--modern .vod-progress--modern{margin-top:.2rem}.vod-section--modern .vod-output--modern,.vod-section--modern .vod-error--modern{margin-top:.62rem;border-radius:10px;padding:.58rem .72rem;font-size:.78rem}.vod-section--modern .vod-output--modern code{font-size:.74rem}.vod-section--modern .vod-card-actions--modern{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.85rem}.vod-section--modern .vod-action-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;border:1px solid rgba(148,163,184,.35);background:#0f172ac2;color:#dbeafe;padding:.46rem .75rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:transform .15s ease,border-color .15s ease}.vod-section--modern .vod-action-btn:hover{transform:translateY(-1px);border-color:#7dd3fc85}.vod-section--modern .vod-action-btn--play,.vod-section--modern .vod-action-btn--start{background:linear-gradient(145deg,#0ea5e9eb,#22d3eec7);border-color:#7dd3fca3;color:#02263f}.vod-section--modern .vod-action-btn--stop{background:linear-gradient(145deg,#f59e0bd6,#ea580cb8);border-color:#fbbf249e;color:#301204}.vod-section--modern .vod-action-btn--logs{background:#1e40af6b;border-color:#60a5fa85;color:#dbeafe}.vod-section--modern .vod-action-btn--danger{background:#7f1d1d80;border-color:#f8717185;color:#fee2e2}.vod-section--modern .vod-empty-state--modern{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#020c1861;border:1px dashed rgba(148,163,184,.3);border-radius:16px;padding:2.4rem 1.1rem}.vod-section--modern .vod-pagination-footer{margin-top:.95rem}@media(max-width:960px){.vod-section--modern .vod-toolbar-modern{width:100%}.vod-section--modern .vod-toolbar-modern>*{flex:1 1 180px}.vod-section--modern .vod-list--modern,.vod-section--modern .vod-folder-grid--modern{grid-template-columns:1fr}.vod-section--modern .vod-list-head{flex-direction:column}.vod-section--modern .vod-head-status{width:100%}.vod-section--modern .vod-card-actions--modern .vod-action-btn{flex:1 1 auto}.vod-section--modern .vod-folder-series-toggle{padding:.72rem;gap:.6rem}}.users-section .users-toolbar-modern{gap:.6rem}.users-section .users-overview-grid{margin-bottom:.2rem}.users-section .users-editor-shell,.users-section .users-filters-shell,.users-section .users-table-shell{border-radius:18px;border:1px solid rgba(125,211,252,.19);background:#020c1894;padding:.95rem}.users-section .users-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.72rem}.users-section .users-field{display:flex;flex-direction:column;gap:.38rem;margin:0}.users-section .users-field--full{grid-column:1 / -1}.users-section .users-field>span{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.users-section .users-input{border-radius:12px}.users-section .users-bucket-shell{margin-top:.9rem;padding:.86rem;border-radius:14px;border:1px solid rgba(100,116,139,.34);background:#030e1bb8}.users-section .users-bucket-head{display:flex;align-items:flex-end;justify-content:space-between;gap:.85rem;flex-wrap:wrap;margin-bottom:.78rem}.users-section .users-bucket-head strong{display:block;font-size:.86rem;color:#e2edf7}.users-section .users-bucket-head small{display:block;margin-top:.18rem;font-size:.75rem;color:#8da5bf}.users-section .users-bucket-actions{display:flex;align-items:center;gap:.48rem;flex-wrap:wrap}.users-section .users-bucket-search{min-width:220px}.users-section .users-bucket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.58rem}.users-section .users-selected-buckets{display:flex;flex-wrap:wrap;gap:.42rem;margin:0 0 .78rem}.users-section .users-selected-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .62rem;border-radius:999px;border:1px solid rgba(52,211,153,.42);background:#064e3b57;color:#d1fae5;font-size:.73rem;font-weight:600;cursor:pointer;transition:border-color .14s ease,transform .14s ease,background .14s ease}.users-section .users-selected-chip:hover{transform:translateY(-1px);border-color:#6ee7b7cc;background:#065f4670}.users-section .users-selected-chip span:last-child{font-size:.9rem;line-height:1}.users-section .users-bucket-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.56rem;width:100%;text-align:left;padding:.62rem .68rem;border-radius:11px;border:1px solid rgba(100,116,139,.35);background:#0f172ac7;color:#dbeafe;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.users-section .users-bucket-card:hover{transform:translateY(-1px);border-color:#7dd3fc8a;box-shadow:0 12px 18px #02061747}.users-section .users-bucket-card.is-selected{border-color:#34d39994;background:linear-gradient(145deg,#052e16ad,#064e3b80)}.users-section .users-bucket-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;border:1px solid rgba(148,163,184,.45);background:#02061799}.users-section .users-bucket-check input{pointer-events:none;accent-color:#22c55e;width:13px;height:13px}.users-section .users-bucket-copy{display:flex;flex-direction:column;min-width:0}.users-section .users-bucket-copy strong{font-size:.82rem;color:#e2edf7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-section .users-bucket-copy small{font-size:.7rem;color:#8da5bf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-section .users-bucket-metrics{display:flex;flex-direction:column;align-items:flex-end;gap:.12rem;font-size:.66rem;font-weight:700;color:#93c5fd;letter-spacing:.04em;text-transform:uppercase}.users-section .users-bucket-empty{margin:0}.users-section .users-editor-actions{margin-top:.9rem;display:flex;justify-content:flex-end;gap:.6rem}.users-section .user-ban-panel--modern{margin-top:1rem;background:#0f172a9e;border-color:#94a3b842}.users-section .users-table-shell .table-wrapper{margin-top:.2rem}.users-section .users-table-actions .btn,.users-section .users-table-actions .user-renew-btn,.users-section .users-table-actions .user-m3u-link{min-height:31px}@media(max-width:960px){.users-section .users-toolbar-modern{width:100%}.users-section .users-toolbar-modern>*{flex:1 1 180px}.users-section .users-bucket-grid{grid-template-columns:1fr}.users-section .users-bucket-search{min-width:0;flex:1 1 180px}}.settings-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#0f172ae6!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237dd3fc' d='M6 8L1 3h10z'/%3E%3C/svg%3E")!important;padding-right:2.15rem!important;background-repeat:no-repeat!important;background-position:calc(100% - .7rem) 50%!important;background-size:12px 12px!important}.settings-select::-ms-expand{display:none}.settings-section .settings-toggle-line,.settings-section .settings-toggle-card{display:flex;align-items:center;gap:.8rem;padding:.85rem .95rem}.settings-section .settings-check{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:44px!important;height:24px!important;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:linear-gradient(145deg,#1e293beb,#0f172ae0);position:relative;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;flex-shrink:0}.settings-section .settings-check:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(145deg,#e2e8f0,#cbd5e1);box-shadow:0 1px 2px #02061773;transition:transform .16s ease,background .16s ease}.settings-section .settings-check:checked{border-color:#22d3eebf;background:linear-gradient(145deg,#082f49e6,#0891b294);box-shadow:0 0 0 2px #22d3ee33}.settings-section .settings-check:checked:before{transform:translate(20px);background:linear-gradient(145deg,#fff,#dbeafe)}.settings-section .settings-check:focus-visible{outline:none;box-shadow:0 0 0 3px #38bdf84d}.settings-section .settings-toggle-label{font-weight:600;color:#e2edf7}.proxy-panel{gap:1rem}.proxy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.85rem;margin-top:.9rem}.proxy-card{display:flex;flex-direction:column;gap:.72rem;padding:.88rem;border-radius:14px;border:1px solid rgba(100,116,139,.33);background:radial-gradient(circle at top right,#3b82f629,#0f172ae0);box-shadow:inset 0 1px #94a3b82e,0 14px 26px #02061740}.proxy-card.is-offline{background:radial-gradient(circle at top right,#ef44442e,#0f172ae6);border-color:#f871717a}.proxy-card.is-online{background:radial-gradient(circle at top right,#10b9812e,#0f172ae6);border-color:#34d39975}.proxy-card.is-recently-checked{border-color:#22d3eecc;box-shadow:inset 0 1px #94a3b82e,0 0 0 2px #22d3ee38,0 16px 30px #0891b23d;animation:proxyCheckedPulse 2.8s ease-out 1}@keyframes proxyCheckedPulse{0%{filter:brightness(1.12);transform:translateY(-1px) scale(1.005)}45%{filter:brightness(1.03);transform:translateY(0) scale(1)}to{filter:brightness(1);transform:translateY(0) scale(1)}}.proxy-card-head{display:flex;align-items:center;gap:.56rem}.proxy-check{display:inline-flex;align-items:center;justify-content:center}.proxy-check input{width:16px;height:16px;accent-color:#38bdf8}.proxy-card-title{display:flex;flex-direction:column;min-width:0}.proxy-card-title strong{font-size:.86rem;color:#f8fafc}.proxy-card-title .muted{font-size:.72rem}.proxy-state-pill{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:26px;padding:0 .62rem;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(148,163,184,.4);color:#cbd5e1;background:#0f172ab8}.proxy-state-pill.is-online{color:#34d399;border-color:#10b9818c;background:#064e3b6b}.proxy-state-pill.is-offline,.proxy-state-pill.is-invalid{color:#fca5a5;border-color:#f8717180;background:#7f1d1d52}.proxy-state-pill.is-unknown{color:#fcd34d;border-color:#facc1570;background:#713f1259}.proxy-card-body{display:flex;flex-direction:column;gap:.56rem}.proxy-url{display:block;padding:.5rem .56rem;border-radius:10px;background:#020617a8;border:1px solid rgba(148,163,184,.28);font-size:.72rem;color:#bfdbfe;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proxy-meta{display:flex;flex-wrap:wrap;gap:.36rem}.proxy-meta span{display:inline-flex;align-items:center;padding:.24rem .48rem;border-radius:999px;font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#1e293b9e;border:1px solid rgba(148,163,184,.26);color:#bfdbfe}.proxy-check-fresh{display:inline-flex;width:fit-content;padding:.2rem .5rem;border-radius:999px;border:1px solid rgba(34,211,238,.55);background:#082f498f;color:#a5f3fc;font-size:.64rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.proxy-card-actions{display:flex;gap:.48rem}.proxy-card-actions .btn-soft{flex:1;min-height:33px}.proxy-ops-bar{display:flex;justify-content:space-between;gap:.75rem;padding:.68rem .72rem;border-radius:14px;border:1px solid rgba(100,116,139,.34);background:#0f172a9e}.proxy-ops-left,.proxy-ops-right{display:flex;align-items:center;gap:.46rem;flex-wrap:wrap}.proxy-ops-input{min-width:120px;max-width:160px}.proxy-inline-actions{display:flex;gap:.48rem;flex-wrap:wrap}.proxy-wizard{display:flex;flex-direction:column;gap:.85rem}.proxy-recheck{display:flex;flex-direction:column;gap:.78rem}.proxy-wizard-steps{display:flex;gap:.45rem;flex-wrap:wrap}.proxy-wizard-step{display:inline-flex;align-items:center;padding:.34rem .58rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(148,163,184,.36);color:#94a3b8}.proxy-wizard-step.active{color:#e0f2fe;border-color:#38bdf8a3;background:#082f498c}.proxy-mode-switch{display:inline-flex;gap:.4rem;padding:.26rem;border-radius:999px;background:#0f172ab3;border:1px solid rgba(100,116,139,.3)}.proxy-mode-switch button{border:0;border-radius:999px;padding:.45rem .78rem;font-size:.74rem;font-weight:700;color:#a7bdd7;background:transparent;cursor:pointer}.proxy-mode-switch button.active{color:#f8fafc;background:linear-gradient(140deg,#2563ebd1,#0e7490d1)}.proxy-wizard-pane{display:flex;flex-direction:column;gap:.74rem}.proxy-wizard-field{display:flex;flex-direction:column;gap:.42rem}.proxy-wizard-field label{font-size:.78rem;font-weight:700;color:#cfe1f7}.proxy-wizard-textarea{min-height:180px}.proxy-wizard-upload{display:flex;align-items:center;gap:.56rem;flex-wrap:wrap}.proxy-wizard-upload small{color:#8da5bf;font-size:.72rem}.proxy-wizard-summary{display:flex;flex-direction:column;gap:.6rem}.proxy-wizard-grid{margin-top:0}.proxy-wizard-toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:.76rem;color:#c7d8ed}.proxy-wizard-toggle input{accent-color:#38bdf8}.proxy-wizard-progress{display:flex;flex-direction:column;gap:.38rem;padding:.56rem .62rem;border-radius:12px;border:1px solid rgba(56,189,248,.28);background:linear-gradient(145deg,#082f4961,#0f172ad1)}.proxy-wizard-progress-head{display:flex;justify-content:space-between;align-items:center;gap:.62rem;font-size:.76rem;color:#d6ecff}.proxy-wizard-progress-head span{font-weight:700;color:#38bdf8}.proxy-wizard-progress-track{height:8px;border-radius:999px;background:#0f172ad1;border:1px solid rgba(148,163,184,.22);overflow:hidden}.proxy-wizard-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(120deg,#22d3ee,#2563eb);box-shadow:0 0 14px #3b82f673;transition:width .24s ease}.proxy-wizard-progress-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .72rem;font-size:.7rem;color:#b9cfeb}.proxy-wizard-progress-meta code{font-size:.68rem;color:#d6ecff;max-width:320px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.proxy-wizard-live{display:flex;flex-direction:column;gap:.36rem}.proxy-wizard-live-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.73rem;color:#bfd7f4}.proxy-wizard-live-head strong{color:#e2ecf9}.proxy-wizard-live-head small{color:#8db3d8}.proxy-wizard-live-list{max-height:190px;overflow:auto;padding:.5rem .56rem;border-radius:11px;border:1px solid rgba(100,116,139,.34);background:#020617bd;display:flex;flex-direction:column;gap:.32rem}.proxy-recheck-live-list{max-height:320px}.proxy-wizard-live-empty{font-size:.7rem;color:#8fb1d5}.proxy-wizard-live-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.54rem;align-items:start;font-size:.68rem;color:#bfd3ec}.proxy-wizard-live-time{font-weight:700;color:#8fb4d9}.proxy-wizard-live-text{word-break:break-word}.proxy-wizard-live-row.is-success .proxy-wizard-live-text{color:#86efac}.proxy-wizard-live-row.is-error .proxy-wizard-live-text{color:#fda4af}.proxy-wizard-live-row.is-warn .proxy-wizard-live-text{color:#fcd34d}.proxy-wizard-results{display:flex;flex-direction:column;gap:.38rem;max-height:220px;overflow:auto;padding-right:.2rem}.proxy-wizard-result-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.56rem;padding:.48rem .56rem;border-radius:11px;border:1px solid rgba(100,116,139,.34);background:#0f172ab3}.proxy-wizard-result-row code{font-size:.7rem;color:#bfdbfe;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proxy-wizard-footer{display:flex;justify-content:space-between;gap:.6rem;align-items:center;width:100%}.proxy-wizard-footer-actions{display:flex;gap:.5rem;flex-wrap:wrap}.proxy-wizard-stop-btn{border-color:#fb718573!important;color:#fecdd3!important}.proxy-wizard-stop-btn:hover:not(:disabled){background:#9f123952!important;color:#ffe4e6!important}@media(max-width:980px){.proxy-ops-bar{flex-direction:column;align-items:stretch}.proxy-ops-right{width:100%}.proxy-ops-right>*{flex:1 1 140px}.proxy-wizard-result-row{grid-template-columns:1fr;align-items:flex-start}.proxy-wizard-progress-meta{flex-direction:column;align-items:flex-start}.proxy-wizard-footer{flex-direction:column;align-items:stretch}.proxy-wizard-footer-actions{justify-content:flex-end}}.ui-modal-overlay[data-v-d34ff4b4]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(circle at 12% 10%,rgba(59,130,246,.2),transparent 36%),#020617c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1400}.ui-modal[data-v-d34ff4b4]{width:min(100%,620px);max-height:calc(100vh - 2rem);display:flex;flex-direction:column;overflow:hidden;border-radius:20px;border:1px solid rgba(148,163,184,.34);background:linear-gradient(175deg,#0f172af5,#020617eb);box-shadow:0 30px 70px #020617a6}.ui-modal--xs[data-v-d34ff4b4]{width:min(100%,380px)}.ui-modal--sm[data-v-d34ff4b4]{width:min(100%,460px)}.ui-modal--md[data-v-d34ff4b4]{width:min(100%,620px)}.ui-modal--lg[data-v-d34ff4b4]{width:min(100%,840px)}.ui-modal--accent[data-v-d34ff4b4]{border-color:#22d3ee59}.ui-modal--danger[data-v-d34ff4b4]{border-color:#f8717159}.ui-modal__header[data-v-d34ff4b4]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1rem .85rem;border-bottom:1px solid rgba(148,163,184,.22);background:linear-gradient(180deg,#3b82f621,#3b82f600)}.ui-modal__heading[data-v-d34ff4b4]{display:flex;flex-direction:column;gap:.2rem}.ui-modal__title[data-v-d34ff4b4]{margin:0;font-size:1.1rem;line-height:1.2;color:#f8fafc}.ui-modal__subtitle[data-v-d34ff4b4]{margin:0;font-size:.84rem;line-height:1.4;color:#9fb1c2}.ui-modal__close[data-v-d34ff4b4]{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.35);border-radius:11px;background:#0f172acc;color:#cbd5e1;cursor:pointer;font-size:1.12rem;line-height:1}.ui-modal__close[data-v-d34ff4b4]:hover{border-color:#60a5faa6;background:#1e293beb;color:#f8fafc}.ui-modal__body[data-v-d34ff4b4]{padding:1.05rem;overflow:auto}.ui-modal__footer[data-v-d34ff4b4]{display:flex;justify-content:flex-end;gap:.65rem;padding:.95rem 1rem;border-top:1px solid rgba(148,163,184,.2);background:#02061773}.ui-modal-fade-enter-active[data-v-d34ff4b4],.ui-modal-fade-leave-active[data-v-d34ff4b4]{transition:opacity .18s ease}.ui-modal-fade-enter-active .ui-modal[data-v-d34ff4b4],.ui-modal-fade-leave-active .ui-modal[data-v-d34ff4b4]{transition:transform .2s ease,opacity .2s ease}.ui-modal-fade-enter-from[data-v-d34ff4b4],.ui-modal-fade-leave-to[data-v-d34ff4b4]{opacity:0}.ui-modal-fade-enter-from .ui-modal[data-v-d34ff4b4],.ui-modal-fade-leave-to .ui-modal[data-v-d34ff4b4]{opacity:0;transform:translateY(8px) scale(.985)}@media(max-width:720px){.ui-modal-overlay[data-v-d34ff4b4]{padding:.65rem}.ui-modal[data-v-d34ff4b4]{max-height:calc(100vh - 1.3rem);border-radius:16px}}

.wproxy-extra-row{margin-top:-.2rem;align-items:flex-end;background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(45,212,191,.08));border-color:rgba(56,189,248,.28)}
.wproxy-text-input{width:100%;background:rgba(2,6,23,.8)!important;border:1px solid rgba(56,189,248,.4)!important;color:#e2edf7!important;border-radius:10px!important;padding:.58rem .72rem!important}
.wproxy-text-input:focus{outline:none;border-color:rgba(34,211,238,.85)!important;box-shadow:0 0 0 3px rgba(34,211,238,.18)}
.wproxy-config-help{width:100%;font-size:.75rem;line-height:1.4;color:#a8c4d6;padding:.55rem .68rem;border-radius:10px;background:rgba(8,47,73,.4);border:1px dashed rgba(125,211,252,.35)}
.wproxy-name-input{width:100%;min-width:180px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.38);border-radius:8px;padding:.38rem .52rem;font-size:.8rem;color:#e2edf7}
.wproxy-name-input:focus{outline:none;border-color:rgba(34,211,238,.82);box-shadow:0 0 0 2px rgba(56,189,248,.24)}
.wproxy-name-input::placeholder{color:#8da5bf}

/* WPROXY visual polish - mar/2026 */
.wproxy-modal{
	max-width:min(1120px,96vw)!important;
	border-radius:24px!important;
	padding:1.4rem 1.4rem 1.05rem!important;
	border:1px solid rgba(56,189,248,.32)!important;
	background:
		radial-gradient(circle at 0% -20%,rgba(14,165,233,.22),transparent 42%),
		radial-gradient(circle at 100% 0,rgba(168,85,247,.2),transparent 38%),
		linear-gradient(170deg,rgba(2,6,23,.99),rgba(15,23,42,.96))!important;
	box-shadow:0 34px 80px rgba(2,6,23,.78),inset 0 1px 0 rgba(148,163,184,.18)!important;
}
.wproxy-config-row{
	display:grid!important;
	grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
	gap:.72rem!important;
	padding:.88rem!important;
	margin-bottom:.82rem!important;
	background:rgba(2,6,23,.56)!important;
	border:1px solid rgba(100,116,139,.32)!important;
	border-radius:14px!important;
}
.wproxy-config-label{
	min-width:0!important;
}
.wproxy-config-label span{
	font-size:.7rem!important;
	font-weight:700!important;
	letter-spacing:.08em!important;
	text-transform:uppercase!important;
	color:#8fb7cf!important;
	margin-bottom:.46rem!important;
}
.wproxy-extra-row{
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
	align-items:flex-end;
	background:linear-gradient(140deg,rgba(8,47,73,.58),rgba(15,23,42,.62))!important;
	border-color:rgba(56,189,248,.36)!important;
	box-shadow:inset 0 1px 0 rgba(125,211,252,.22);
}
.wproxy-config-help{
	grid-column:1 / -1;
	font-size:.75rem;
	line-height:1.45;
	color:#a8c4d6;
	padding:.58rem .72rem;
	border-radius:11px;
	background:rgba(8,47,73,.45);
	border:1px dashed rgba(125,211,252,.38);
}
.wproxy-text-input,
.wproxy-name-input{
	transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease;
}
.wproxy-text-input:hover,
.wproxy-name-input:hover{
	border-color:rgba(56,189,248,.7)!important;
}
.wproxy-text-input:focus,
.wproxy-name-input:focus{
	outline:none;
	transform:translateY(-1px);
}
.wproxy-selection-bar{
	display:flex;
	align-items:center;
	gap:.5rem;
	padding:.66rem .72rem!important;
	margin-bottom:.76rem!important;
	background:linear-gradient(145deg,rgba(2,6,23,.72),rgba(15,23,42,.62))!important;
	border:1px solid rgba(125,211,252,.24)!important;
	border-radius:13px!important;
}
.wproxy-selection-count{
	margin-left:auto!important;
	background:linear-gradient(145deg,rgba(34,211,238,.18),rgba(59,130,246,.18))!important;
	border:1px solid rgba(56,189,248,.42)!important;
	color:#a5f3fc!important;
	font-size:.78rem!important;
	font-weight:700!important;
	letter-spacing:.04em;
	text-transform:uppercase;
}
.wproxy-btn-select-all,
.wproxy-btn-deselect,
.wproxy-btn-ondemand,
.wproxy-btn-ondemand-off{
	border-radius:999px!important;
	font-size:.72rem!important;
	font-weight:700!important;
	letter-spacing:.05em;
	text-transform:uppercase;
	padding:.43rem .72rem!important;
	box-shadow:none!important;
}
.wproxy-btn-select-all{
	background:rgba(16,185,129,.18)!important;
	border-color:rgba(52,211,153,.52)!important;
	color:#86efac!important;
}
.wproxy-btn-deselect{
	background:rgba(239,68,68,.18)!important;
	border-color:rgba(248,113,113,.48)!important;
	color:#fecaca!important;
}
.wproxy-btn-ondemand{
	background:rgba(14,165,233,.18)!important;
	border-color:rgba(56,189,248,.5)!important;
	color:#bae6fd!important;
}
.wproxy-btn-ondemand-off{
	background:rgba(100,116,139,.22)!important;
	border-color:rgba(148,163,184,.46)!important;
	color:#cbd5e1!important;
}
.wproxy-table-container{
	border-radius:14px!important;
	border:1px solid rgba(125,211,252,.22)!important;
	background:linear-gradient(170deg,rgba(2,6,23,.84),rgba(15,23,42,.74))!important;
	box-shadow:inset 0 1px 0 rgba(125,211,252,.14);
}
.wproxy-table thead{
	background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(15,23,42,.9))!important;
}
.wproxy-table th{
	font-size:.69rem!important;
	letter-spacing:.09em!important;
	color:#8fb7cf!important;
	padding:.76rem .66rem!important;
	border-bottom:1px solid rgba(56,189,248,.32)!important;
}
.wproxy-table td{
	padding:.64rem .66rem!important;
	border-bottom:1px solid rgba(100,116,139,.22)!important;
}
.wproxy-table tbody tr{
	transition:background .16s ease,transform .16s ease,box-shadow .16s ease;
}
.wproxy-table tbody tr:hover{
	background:rgba(14,165,233,.08)!important;
}
.wproxy-table tbody tr.selected{
	background:linear-gradient(145deg,rgba(14,165,233,.16),rgba(37,99,235,.14))!important;
	box-shadow:inset 0 0 0 1px rgba(56,189,248,.35);
}
.wproxy-channel-name{
	display:flex;
	align-items:center;
	gap:.5rem;
}
.wproxy-channel-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	border-radius:999px;
	background:rgba(56,189,248,.16);
	border:1px solid rgba(56,189,248,.36);
	color:#7dd3fc!important;
	flex-shrink:0;
}
.wproxy-name-input{
	height:34px;
	padding:.34rem .55rem;
	border-radius:9px;
	background:rgba(15,23,42,.82);
	border:1px solid rgba(148,163,184,.4);
	color:#e2edf7;
	font-size:.79rem;
}
.wproxy-url-link{
	color:#93c5fd!important;
	font-size:.72rem!important;
}
.wproxy-url-link:hover{
	color:#bfdbfe!important;
}
.wproxy-drm-key{
	border-radius:999px!important;
	padding:.18rem .54rem!important;
	font-size:.66rem!important;
	background:rgba(16,185,129,.14)!important;
	border:1px solid rgba(16,185,129,.36)!important;
	color:#86efac!important;
}
.wproxy-progress{
	margin-top:.82rem!important;
	padding:.74rem .84rem!important;
	border-radius:12px!important;
	background:linear-gradient(145deg,rgba(8,47,73,.55),rgba(15,23,42,.74))!important;
	border:1px solid rgba(56,189,248,.28)!important;
}
.wproxy-progress-bar{
	height:9px!important;
	border-radius:999px!important;
	background:rgba(15,23,42,.82)!important;
	border:1px solid rgba(148,163,184,.24);
}
.wproxy-progress-fill{
	background:linear-gradient(90deg,#22d3ee,#3b82f6)!important;
	box-shadow:0 0 12px rgba(56,189,248,.5);
}
.wproxy-footer{
	margin-top:.82rem!important;
	padding-top:.82rem!important;
	border-top:1px solid rgba(125,211,252,.24)!important;
}
.wproxy-btn-cancel,
.wproxy-btn-import{
	border-radius:999px!important;
	font-size:.75rem!important;
	font-weight:700!important;
	letter-spacing:.05em;
	text-transform:uppercase;
	padding:.55rem 1.02rem!important;
}
.wproxy-btn-cancel{
	background:rgba(100,116,139,.24)!important;
	border:1px solid rgba(148,163,184,.42)!important;
	color:#dbe7f5!important;
}
.wproxy-btn-import{
	background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;
	border:1px solid rgba(125,211,252,.55)!important;
	color:#e0f2fe!important;
	box-shadow:0 12px 22px rgba(14,165,233,.28)!important;
}
.wproxy-btn-import:hover:not(:disabled){
	box-shadow:0 16px 28px rgba(14,165,233,.36)!important;
}
.wproxy-error{
	margin-top:.72rem!important;
	border-radius:11px!important;
	background:rgba(127,29,29,.36)!important;
	border:1px solid rgba(248,113,113,.46)!important;
	color:#fecaca!important;
}

@media(max-width:980px){
	.wproxy-config-row,
	.wproxy-extra-row{
		grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
	}
	.wproxy-selection-bar{
		flex-wrap:wrap;
	}
	.wproxy-selection-count{
		width:100%;
		justify-content:center;
	}
}

@media(max-width:760px){
	.wproxy-modal{
		padding:.92rem .84rem .8rem!important;
		border-radius:16px!important;
	}
	.wproxy-config-row,
	.wproxy-extra-row{
		grid-template-columns:1fr;
	}
	.wproxy-table th:nth-child(4),
	.wproxy-table td:nth-child(4){
		display:none;
	}
	.wproxy-footer{
		flex-direction:column;
	}
	.wproxy-btn-cancel,
	.wproxy-btn-import{
		width:100%;
	}
}

/* WPROXY select arrow hardening */
.wproxy-modal .dark-select,.wproxy-modal select.dark-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237dd3fc' d='M6 8L1 3h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:calc(100% - .68rem) 50%!important;background-size:12px 12px!important;padding-right:2.15rem!important}.wproxy-modal .dark-select::-ms-expand,.wproxy-modal select.dark-select::-ms-expand{display:none!important}

/* Mobile hotfixes: layout fit + touch reliability */
@media (max-width: 900px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  #app,
  .app-shell,
  .portal-layout,
  .portal-main,
  .portal-content,
  .panel,
  .streams-panel,
  .streams-filters-shell,
  .streams-table-shell,
  .streams-table-wrap,
  .table-wrapper,
  .data-table-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .portal-layout {
    grid-template-columns: 1fr !important;
  }

  .portal-main {
    overflow-x: hidden;
  }

  .portal-content {
    padding: 12px 12px 28px;
  }

  .grid,
  .grid--streams,
  .form-grid,
  .streams-overview-grid,
  .streams-list-grid {
    grid-template-columns: 1fr !important;
  }

  .sidebar-nav {
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    scroll-behavior: smooth;
  }

  .sidebar-tab,
  .tab,
  .portal-icon-btn,
  button,
  a {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
}

@media (max-width: 560px) {
  .sidebar-tab {
    min-width: 72px;
    min-height: 44px;
  }

  .portal-topbar-actions {
    width: 100%;
    overflow-x: auto;
  }
}

/* Mobile nav v2: avoid tiny buttons and unreachable tabs */
@media (max-width: 900px) {
  .portal-sidebar {
    position: sticky;
    top: 0;
    z-index: 12;
    padding: 10px 10px 12px;
  }

  .sidebar-group {
    gap: .45rem;
  }

  .sidebar-nav {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    overflow: visible !important;
    padding-bottom: 0;
    touch-action: auto;
  }

  .sidebar-tab {
    min-width: 0 !important;
    width: 100%;
    min-height: 52px;
    padding: 8px 6px !important;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
  }

  .sidebar-tab-label {
    display: block !important;
    font-size: 11px;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .sidebar-tab-icon {
    width: 24px;
    height: 24px;
  }

  .sidebar-tab-icon svg {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 560px) {
  .sidebar-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sidebar-tab {
    min-height: 50px;
  }

  .sidebar-tab-label {
    font-size: 10px;
  }
}

@media (max-width: 380px) {
  .sidebar-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.bucket-create-card .bucket-type-select {
  max-width: 130px;
  min-width: 110px;
}