@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root,[data-theme=light]{--bg-deep:#f8fafc;--bg-surface-1:#fff;--bg-surface-2:#f1f5f9;--bg-surface-3:#e2e8f0;--bg-surface-elevated:#fff;--border-subtle:#e2e8f0;--border-hover:#cbd5e1;--border-active:#94a3b8;--specular-highlight:rgba(0,0,0,.04);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#059669;--accent-primary-hover:#047857;--accent-violet:#10b981;--focus-ring:rgba(16,185,129,.25);--btn-primary-bg:#0f172a;--btn-primary-text:#fff;--btn-primary-hover:#1e293b;--status-live:#15803d;--status-live-bg:#dcfce7;--status-live-border:#bbf7d0;--status-starting:#0284c7;--status-starting-bg:#e0f2fe;--status-starting-border:#bae6fd;--status-reconnecting:#b45309;--status-reconnecting-bg:#fef3c7;--status-reconnecting-border:#fde68a;--status-error:#be123c;--status-error-bg:#ffe4e6;--status-error-border:#fecdd3;--status-stopped:#475569;--status-stopped-bg:#f1f5f9;--status-stopped-border:#e2e8f0;--modal-overlay-bg:rgba(15,23,42,.45);--card-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03);--card-shadow-hover:0 10px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.04);--terminal-bg:#0f172a;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}[data-theme=dark]{--bg-deep:#08090d;--bg-surface-1:#0d0f14;--bg-surface-2:#13161f;--bg-surface-3:#1a1e2a;--bg-surface-elevated:#161924;--border-subtle:hsla(0,0%,100%,.07);--border-hover:hsla(0,0%,100%,.15);--border-active:hsla(0,0%,100%,.22);--specular-highlight:hsla(0,0%,100%,.09);--text-primary:#f7f8f8;--text-secondary:#8a8f98;--text-muted:#555a64;--accent-primary:#10b981;--accent-primary-hover:#34d399;--accent-violet:#059669;--focus-ring:rgba(16,185,129,.35);--btn-primary-bg:#fff;--btn-primary-text:#08090d;--btn-primary-hover:#ebecee;--status-live:#10b981;--status-live-bg:rgba(16,185,129,.1);--status-live-border:rgba(16,185,129,.25);--status-starting:#38bdf8;--status-starting-bg:rgba(56,189,248,.1);--status-starting-border:rgba(56,189,248,.25);--status-reconnecting:#f59e0b;--status-reconnecting-bg:rgba(245,158,11,.1);--status-reconnecting-border:rgba(245,158,11,.25);--status-error:#f43f5e;--status-error-bg:rgba(244,63,94,.1);--status-error-border:rgba(244,63,94,.25);--status-stopped:#717680;--status-stopped-bg:hsla(220,6%,47%,.1);--status-stopped-border:hsla(220,6%,47%,.2);--modal-overlay-bg:rgba(0,0,0,.72);--card-shadow:0 1px 3px rgba(0,0,0,.3);--card-shadow-hover:0 8px 24px -4px rgba(0,0,0,.45);--terminal-bg:#050608}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}.tabular-nums{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,55%,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,55%,.35)}.glass-panel{transition:background-color .2s ease,border-color .2s ease}.glass-card,.glass-panel{background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.glass-card{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background-color .2s ease;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--specular-highlight) 50%,transparent 100%);pointer-events:none}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow-hover)}.channel-card-live{border-color:var(--status-live-border)}.channel-card-live:before{background:linear-gradient(90deg,transparent 0,var(--status-live) 50%,transparent 100%);height:2px}.channel-card-starting{border-color:var(--status-starting-border)}.channel-card-reconnecting{border-color:var(--status-reconnecting-border)}.channel-card-error{border-color:var(--status-error-border)}.live-pulse{position:relative;width:7px;height:7px;display:inline-block}.live-pulse,.live-pulse:after{background-color:var(--status-live);border-radius:50%}.live-pulse:after{content:"";position:absolute;top:-3px;left:-3px;width:13px;height:13px;opacity:.45;animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%{transform:scale(.6);opacity:.8}to{transform:scale(2.2);opacity:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;transition:all .15s ease;font-family:var(--font-sans);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.2;white-space:nowrap!important}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.15)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover)}.btn-secondary{background:var(--bg-surface-1);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-2);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-surface-2)}.btn-success{background:var(--status-live);color:#fff;font-weight:600}.btn-success:hover:not(:disabled){filter:brightness(1.08)}.btn-danger{background:#e11d48;color:#fff;font-weight:600}.btn-danger:hover:not(:disabled){background:#be123c}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;border-radius:9999px;letter-spacing:.02em;line-height:1}.badge-live{background:var(--status-live-bg);color:var(--status-live);border:1px solid var(--status-live-border)}.badge-starting{background:var(--status-starting-bg);color:var(--status-starting);border:1px solid var(--status-starting-border)}.badge-reconnecting{background:var(--status-reconnecting-bg);color:var(--status-reconnecting);border:1px solid var(--status-reconnecting-border)}.badge-error{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error-border)}.badge-stopped{background:var(--status-stopped-bg);color:var(--status-stopped);border:1px solid var(--status-stopped-border)}.hud-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.hud-chip-active{border-color:var(--status-live-border);color:var(--status-live);background:var(--status-live-bg)}.kpi-card{background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 18px;display:flex;align-items:center;gap:14px;box-shadow:var(--card-shadow);transition:border-color .15s ease,background-color .2s ease}.kpi-card:hover{border-color:var(--border-hover)}.kpi-icon-wrap{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-subtle)}.input,.input-field,input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;height:40px;padding:0 14px;background-color:var(--bg-surface-1);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;line-height:1.5;box-shadow:0 1px 2px rgba(0,0,0,.04);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .2s ease;box-sizing:border-box}textarea{height:auto;min-height:84px;padding:10px 14px}select{cursor:pointer;padding-right:32px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px 16px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.input-field:hover,.input:hover,input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--border-hover)}.input-field:focus,.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.input-field::placeholder,.input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px 16px;overflow-y:auto;overscroll-behavior:contain}.modal-content{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:min(88vh,860px);flex-direction:column;overflow:hidden;box-shadow:0 20px 45px -10px rgba(0,0,0,.4),0 0 1px rgba(0,0,0,.2);animation:modal-enter .18s cubic-bezier(.16,1,.3,1);color:var(--text-primary);margin:auto}.modal-content,.modal-header{background:var(--bg-surface-1);display:flex}.modal-header{padding:18px 22px;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;flex-shrink:0}.modal-body,.modal-scroll-area{padding:22px;overflow-y:auto;overflow-x:hidden;flex:1 1;min-height:0;overscroll-behavior:contain}.modal-body::-webkit-scrollbar,.modal-scroll-area::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track,.modal-scroll-area::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb,.modal-scroll-area::-webkit-scrollbar-thumb{background:hsla(0,0%,55%,.28);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover,.modal-scroll-area::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,55%,.45)}.modal-footer{padding:14px 22px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;align-items:center;gap:10px;background:var(--bg-surface-1);flex-shrink:0}@keyframes modal-enter{0%{opacity:0;transform:scale(.97) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.skeleton{background:linear-gradient(90deg,hsla(0,0%,59%,.08) 25%,hsla(0,0%,59%,.15) 50%,hsla(0,0%,59%,.08) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.8s infinite;border-radius:var(--radius-xs)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:13px;height:13px;border:2px solid hsla(0,0%,55%,.3);border-top-color:currentcolor;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.modal-handle-bar{display:none}.mobile-menu-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:background-color .15s ease}.mobile-menu-btn:active,.mobile-menu-btn:hover{background:var(--bg-surface-2)}.mobile-drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;justify-content:flex-end;animation:drawer-fade-in .2s ease-out}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}.mobile-drawer-panel{width:min(320px,86vw);height:100%;background:var(--bg-surface-1);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;box-shadow:-10px 0 35px rgba(0,0,0,.35);animation:drawer-slide-left .24s cubic-bezier(.16,1,.3,1);overflow-y:auto;overscroll-behavior:contain;color:var(--text-primary)}@keyframes drawer-slide-left{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-drawer-header{padding:18px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface-2);flex-shrink:0}.mobile-drawer-body{padding:18px 14px;flex:1 1;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.mobile-drawer-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.mobile-drawer-item.active,.mobile-drawer-item:active,.mobile-drawer-item:hover{background:var(--bg-surface-2);color:var(--text-primary)}.mobile-drawer-item.active{font-weight:600;border-left:3px solid var(--accent-primary)}.mobile-drawer-footer{padding:16px 20px calc(16px + env(safe-area-inset-bottom, 12px));border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px;background:var(--bg-surface-2);flex-shrink:0}@media (max-width:768px){input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px!important}.btn{min-height:38px;padding:8px 14px;touch-action:manipulation}.modal-overlay{padding:0!important;align-items:flex-end!important;justify-content:center!important}.modal-content{width:100%!important;max-width:100%!important;height:94vh!important;max-height:94vh!important;border-radius:20px 20px 0 0!important;margin:0!important;border-bottom:none!important;border-left:none!important;border-right:none!important;animation:modal-slide-up .22s cubic-bezier(.16,1,.3,1)!important}.modal-dialog-compact{height:auto!important;max-height:85vh!important}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-handle-bar{display:block!important;width:40px;height:4px;background:var(--border-hover);border-radius:2px;margin:8px auto 2px;flex-shrink:0}.modal-header{padding:12px 16px!important}.modal-body,.modal-scroll-area{padding:16px 14px!important;-webkit-overflow-scrolling:touch}.modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px))!important}.grid-responsive-2col{grid-template-columns:1fr!important;gap:10px!important}.modal-tabs-bar{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.modal-tabs-bar::-webkit-scrollbar{display:none!important}.modal-tabs-bar button{white-space:nowrap!important;flex-shrink:0!important;padding:10px 14px!important;font-size:13px!important}.dashboard-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.dashboard-header-actions{width:100%!important;justify-content:space-between!important}.dashboard-header-actions .btn{flex:1 1!important;justify-content:center!important}.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.kpi-card{padding:10px 12px!important;gap:10px!important}.kpi-icon-wrap{width:32px!important;height:32px!important}.main-content-layout{padding:0 12px 40px!important}.navbar-container{padding:0 16px!important;height:56px!important;min-height:56px!important;flex-wrap:nowrap!important}.desktop-only-text,.navbar-subbrand{display:none!important}.mobile-menu-btn{display:inline-flex!important;align-items:center;justify-content:center}.filter-strip-mobile{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.filter-strip-mobile>div{width:100%!important}.filter-pills-mobile{width:100%!important;display:flex!important;justify-content:space-between!important}.filter-pills-mobile button{flex:1 1!important;text-align:center!important;justify-content:center!important}.video-library-header{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.video-library-header button{width:100%!important;justify-content:center!important}.video-grid-responsive{grid-template-columns:1fr!important;gap:14px!important}.playlist-item-mobile{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.playlist-item-actions{justify-content:flex-end!important;border-top:1px dashed var(--border-subtle)!important;padding-top:8px!important}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr 1fr!important}.channel-card-actions{flex-wrap:wrap!important}.channel-card-actions .btn-danger,.channel-card-actions .btn-success{flex:1 1 100%!important;margin-bottom:4px!important}}.app-sidebar{display:flex}.mobile-menu-btn{display:none}.desktop-only-text{display:inline}.ytstreamer-logo-squircle{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.ytstreamer-logo-squircle:hover{transform:scale(1.04);box-shadow:0 4px 12px rgba(0,0,0,.45)}.desktop-header-title{display:flex!important}.mobile-header-brand{display:none!important}@media (max-width:900px){.desktop-header-title{display:none!important}.mobile-header-brand{display:flex!important}.mobile-menu-btn{display:inline-flex!important}.app-sidebar{position:fixed!important;left:0;top:0;bottom:0;transform:translateX(-100%);box-shadow:0 0 30px rgba(0,0,0,.5);z-index:200!important}.app-sidebar.mobile-open{transform:translateX(0)!important}.mobile-close-btn{display:block!important}}@media (min-width:901px){.mobile-close-btn{display:none!important}}