.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:calc(var(--z-modal) + 10);display:flex;flex-direction:column;gap:var(--space-2);max-width:420px;width:100%;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:14px;line-height:1.4;box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-slide-in .25s ease-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast--success{border-color:var(--success);background:#81c9951f}.toast--error{border-color:var(--danger);background:#f28b821f}.toast--warning{border-color:var(--warning);background:#fdd6631f}.toast--info{border-color:var(--accent);background:#4a9eff1f}html[data-theme=light] .toast--success{background:#1e8e3e14}html[data-theme=light] .toast--error{background:#d9302514}html[data-theme=light] .toast--warning{background:#f9ab0014}html[data-theme=light] .toast--info{background:#1a73e814}.toast__icon{flex-shrink:0;font-size:16px;line-height:1.4}.toast--success .toast__icon{color:var(--success)}.toast--error .toast__icon{color:var(--danger)}.toast--warning .toast__icon{color:var(--warning)}.toast--info .toast__icon{color:var(--accent)}.toast__message{flex:1;min-width:0;word-break:break-word}.toast__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto}.toast__retry{background:transparent;border:1px solid var(--border);color:var(--accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.toast__retry:hover{background:#4a9eff1a;border-color:var(--accent)}.toast__dismiss{background:transparent;border:none;color:var(--muted);padding:var(--space-1);border-radius:var(--radius-md);font-size:14px;cursor:pointer;line-height:1;transition:color .15s ease}.toast__dismiss:hover{color:var(--text)}@media (max-width: 480px){.toast-container{bottom:var(--space-4);right:var(--space-4);left:var(--space-4);max-width:none}}:root{--bg: #0f1419;--panel: #1a1f28;--text: #e8eaed;--muted: #9aa0a6;--accent: #4a9eff;--accent-hover: #6bb0ff;--danger: #f28b82;--success: #81c995;--warning: #fdd663;--input: #1a1f28;--border: #2d333b;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--z-modal: 1000;--z-topbar: 200;--z-subheader: 150;--z-mobile-menu: 100;--z-dropdown: 10;--topbar-height: 57px;--subheader-height: 48px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}html[data-theme=light]{--bg: #ffffff;--panel: #f8f9fa;--text: #1a1f28;--muted: #5f6368;--accent: #1a73e8;--accent-hover: #1557b0;--danger: #d93025;--success: #1e8e3e;--warning: #f9ab00;--input: #ffffff;--border: #dadce0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2;color:var(--text)}h1{font-size:32px;font-weight:700}h2{font-size:24px;margin-bottom:var(--space-4)}h3{font-size:18px;margin-bottom:var(--space-3)}h4{font-size:16px;margin-bottom:var(--space-3)}p{margin:0 0 var(--space-4) 0;line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a.active{color:var(--accent);font-weight:500}a:hover{color:var(--accent-hover)}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;width:auto;height:auto;padding:var(--space-2) var(--space-3);background:var(--panel);border:2px solid var(--accent);border-radius:var(--radius-md);margin:var(--space-2)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code,pre{font-family:var(--font-mono);font-size:13px}pre{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto}.container{padding:24px;max-width:100%;margin:0 auto}@media (max-width: 768px){.container{padding:16px}}@media (min-width: 768px) and (max-width: 1023px){.container{padding:24px}}@media (min-width: 1024px){.container{max-width:1400px;padding:32px}}@media (min-width: 1440px){.container{max-width:1600px;padding:40px}}@media (min-width: 1920px){.container{max-width:1800px;padding:40px}}.mt-8{margin-top:var(--space-2)}.mt-10{margin-top:10px}.mt-12{margin-top:var(--space-3)}.mt-16{margin-top:var(--space-4)}.mt-20{margin-top:var(--space-5)}.mt-24{margin-top:var(--space-6)}.mb-8{margin-bottom:var(--space-2)}.mb-12{margin-bottom:var(--space-3)}.mb-16{margin-bottom:var(--space-4)}.mb-20{margin-bottom:var(--space-5)}.mb-24{margin-bottom:var(--space-6)}.ml-12{margin-left:var(--space-3)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-6{gap:6px}.gap-8{gap:var(--space-2)}.gap-10{gap:10px}.gap-12{gap:var(--space-3)}.gap-16{gap:var(--space-4)}.grid2{display:grid;grid-template-columns:300px 1fr;gap:16px}@media (max-width: 768px){.grid2{grid-template-columns:1fr}}.status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}.status-card h3{margin:0 0 6px}.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.values .card{padding:16px}.w-full{width:100%}.h-full{height:100%}.max-w-600{max-width:600px}.max-w-90pct{max-width:90%}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.whitespace-pre-wrap{white-space:pre-wrap}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.block{display:block}.inline-block{display:inline-block}.overflow-auto{overflow:auto}.muted{color:var(--muted)}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:block}.mobile-end{margin-top:auto}}.topbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:var(--z-topbar);flex-wrap:nowrap}.brand{font-weight:700;font-size:18px;letter-spacing:-.01em}.topbar nav a{margin-right:var(--space-3);font-weight:500;font-size:14px;transition:color .15s ease}.topbar .spacer{flex:1}.topbar .user button{margin-left:var(--space-3)}.topbar .user a{margin-left:var(--space-3);font-weight:500}.topbar .user a:first-child{margin-left:0}.topbar nav{display:flex;gap:var(--space-2);align-items:center;flex:1 1 auto;min-width:0;overflow:visible}.topbar .hamburger{display:none;margin-left:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text)}.topbar nav .mobile-logout{display:none}@media (max-width: 768px){.topbar{padding:var(--space-3) var(--space-4);overflow:hidden}.brand{flex:0 0 auto;font-size:16px}.topbar .spacer{display:block;flex:1 1 auto}.topbar nav{white-space:nowrap;display:none;overflow:visible}.topbar .user{flex:0 0 auto;display:flex;gap:var(--space-2)}.topbar .user a{padding:var(--space-2);border-radius:var(--radius-md)}.topbar.mobile-open{overflow:visible}.topbar.mobile-open nav{display:flex;position:absolute;top:100%;right:var(--space-2);flex-direction:column;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2);min-width:200px;max-height:70vh;overflow:auto;z-index:var(--z-mobile-menu);box-shadow:var(--shadow-lg);align-items:stretch}.topbar.mobile-open nav a{text-align:right;padding:var(--space-2) var(--space-3);margin-right:0}.topbar .hamburger{display:inline-flex;align-items:center;justify-content:center}.topbar .user button{display:none}.topbar nav .mobile-logout{display:none}.topbar.mobile-open nav .mobile-logout{display:block;width:100%;text-align:right;padding:var(--space-2) var(--space-3);margin-right:0;border-radius:var(--radius-md)}}.form{display:flex;flex-direction:column;gap:var(--space-4);background:var(--panel);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg)}.form.row{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.form label{display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:var(--space-2);color:var(--text)}.form label input,.form label select{width:100%}@media (max-width: 768px){.form.row{flex-direction:column;align-items:stretch}.form.row>*{width:100%}}input,select,textarea{background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:14px;font-family:var(--font-sans);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4a9eff1a}html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{border-color:var(--border);background:var(--input)}button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:background-color .15s ease,transform .1s ease}button:hover:not(:disabled){background:var(--accent-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}html[data-theme=light] button{background:var(--accent);color:#fff}html[data-theme=light] button:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{background:var(--danger)}.btn-danger:hover:not(:disabled){background:#e57373}html[data-theme=light] .btn-danger{background:var(--danger)}html[data-theme=light] .btn-danger:hover:not(:disabled){background:#c62828}.error{margin-top:var(--space-3);color:var(--danger);background:#f28b821a;border:1px solid var(--danger);padding:var(--space-3);border-radius:var(--radius-md);font-size:14px}html[data-theme=light] .error{background:#d930251a;border-color:var(--danger)}.card{margin-top:var(--space-3);background:var(--panel);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{max-width:600px;width:90%;max-height:90vh;overflow:auto;padding:var(--space-8);position:relative}.table{width:100%;border-collapse:collapse;margin-top:var(--space-3)}.table th,.table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border)}.table th{font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.table tr:last-child td{border-bottom:none}.responsive-table .table th,.responsive-table .table td{white-space:nowrap;word-break:normal;overflow-wrap:normal}.table input,.table select,.table button{white-space:nowrap}@media (max-width: 600px){.table th,.table td{padding:var(--space-2);font-size:13px}.table input,.table select{max-width:70vw}.table button{max-width:48vw}}.responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-table>table{width:100%}.list{list-style:none;padding:0;margin:var(--space-3) 0}.list li{margin:var(--space-1) 0}.list li.active button{color:var(--accent);background:#4a9eff1a;border-color:var(--accent)}.list button{width:100%;text-align:left;background:transparent;color:var(--text);border:1px solid var(--border);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:500;transition:background-color .15s ease,border-color .15s ease}.list button:hover{background:#4a9eff0d;border-color:var(--accent)}.next-steps{list-style:none;padding-left:0}.next-steps li{margin:var(--space-2) 0}.player-shell{margin-top:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:#000}.player-view{display:flex;flex-direction:column}.player-stage{width:100%;height:360px;background:#000}.player-controls{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-top:1px solid var(--border);background:var(--panel)}.player-canvas{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.badge{display:inline-block;padding:4px var(--space-2);border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--input)}.badge.ok{background:#81c99526;border-color:var(--success);color:var(--success)}.badge.warn{background:#fdd66326;border-color:var(--warning);color:var(--warning)}.badge.err{background:#f28b8226;border-color:var(--danger);color:var(--danger)}html[data-theme=light] .badge.ok{background:#1e8e3e1a;border-color:var(--success);color:var(--success)}html[data-theme=light] .badge.warn{background:#f9ab001a;border-color:var(--warning);color:#9a6700}html[data-theme=light] .badge.err{background:#d930251a;border-color:var(--danger);color:var(--danger)}.campaign-status-active{background:#81c99526;border-color:var(--success);color:var(--success)}.campaign-status-scheduled{background:#fdd66326;border-color:var(--warning);color:var(--warning)}.campaign-status-ended{background:#9aa0a626;border-color:var(--muted);color:var(--muted)}html[data-theme=light] .campaign-status-active{background:#1e8e3e1a;border-color:var(--success);color:var(--success)}html[data-theme=light] .campaign-status-scheduled{background:#f9ab001a;border-color:var(--warning);color:#9a6700}html[data-theme=light] .campaign-status-ended{background:#5f63681a;border-color:var(--muted);color:var(--muted)}.linklike{background:none;border:none;color:var(--text);text-align:right;padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--radius-md);font-weight:500;transition:background-color .15s ease}.linklike:hover{background:#4a9eff1a}.weekday-selector{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.weekday-checkboxes{display:flex;gap:var(--space-2);flex-wrap:wrap}.weekday-checkbox{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;transition:all .15s ease;-webkit-user-select:none;user-select:none}.weekday-checkbox:hover{border-color:var(--accent);background:#4a9eff0d}.weekday-checkbox input[type=checkbox]{margin:0;cursor:pointer}.weekday-checkbox input[type=checkbox]:checked+label,.weekday-checkbox:has(input[type=checkbox]:checked){background:#4a9eff26;border-color:var(--accent);color:var(--accent)}.dp-wrapper{position:relative;width:100%}.dp-trigger{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--input);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text);cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.dp-trigger:hover,.dp-trigger-open{border-color:var(--accent);box-shadow:0 0 0 3px #4a9eff1a}.dp-trigger-icon{font-size:15px;flex-shrink:0}.dp-trigger-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-trigger-caret{font-size:10px;color:var(--muted);flex-shrink:0}.dp-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:var(--z-dropdown);display:flex;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;overflow:hidden;min-width:520px}.dp-presets{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border-right:1px solid var(--border);min-width:130px;flex-shrink:0}.dp-presets-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:var(--space-1)}.dp-preset-btn{padding:var(--space-2) var(--space-3);background:none;border:1px solid transparent;border-radius:var(--radius-md);font-size:13px;color:var(--text);cursor:pointer;text-align:left;transition:all .15s ease}.dp-preset-btn:hover{background:#4a9eff1a;border-color:#4a9eff4d;color:var(--accent)}.dp-main{display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-3);flex:1}.dp-calendar{display:flex;flex-direction:column;gap:var(--space-2)}.dp-cal-header{display:flex;align-items:center;justify-content:space-between}.dp-month-label{font-weight:600;font-size:14px}.dp-nav-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-md);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--text);line-height:1;transition:all .15s ease}.dp-nav-btn:hover{border-color:var(--accent);color:var(--accent)}.dp-hint{font-size:12px;color:var(--muted);text-align:center;font-style:italic}.dp-day-headers{display:grid;grid-template-columns:repeat(7,1fr)}.dp-day-header{height:28px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase}.dp-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.dp-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;cursor:pointer;border:1px solid transparent;background:none;color:var(--text);transition:all .1s ease}.dp-day:hover:not(.dp-day-start):not(.dp-day-end){background:#4a9eff1f;border-color:var(--accent)}.dp-day-empty{cursor:default;pointer-events:none}.dp-day-today{font-weight:700;color:var(--accent);border-color:#4a9eff66}.dp-day-in-range{background:#4a9eff1f;border-radius:0;border-color:transparent}.dp-day-start,.dp-day-end{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.dp-day-start{border-radius:50% 0 0 50%}.dp-day-end{border-radius:0 50% 50% 0}.dp-day-start.dp-day-end{border-radius:50%}.dp-times{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border)}.dp-time-row{display:flex;align-items:center;gap:var(--space-3)}.dp-time-label{font-size:13px;font-weight:500;color:var(--muted);width:50px;flex-shrink:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;background:none;text-align:left;transition:all .15s ease}.dp-time-label:hover{background:#4a9eff1a;color:var(--accent)}.dp-time-label.dp-time-active{color:var(--accent);border-color:#4a9eff4d;background:#4a9eff1a}.dp-time-inputs{display:flex;align-items:center;gap:var(--space-1)}.dp-time-inputs select{padding:var(--space-1) var(--space-2);font-size:13px;min-width:unset}.dp-time-sep{font-weight:600;color:var(--muted)}.dp-done-btn{align-self:flex-end;margin-top:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.dp-done-btn:hover{opacity:.85}html[data-theme=light] .dp-panel{box-shadow:0 8px 32px #00000026}html[data-theme=light] .dp-day-in-range{background:#1a73e81a}html[data-theme=light] .dp-day:hover:not(.dp-day-start):not(.dp-day-end){background:#1a73e81a}html[data-theme=light] .dp-preset-btn:hover{background:#1a73e814}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;min-height:300px}.error-boundary-icon{width:48px;height:48px;border-radius:50%;background:#f28b8226;border:2px solid var(--danger);color:var(--danger);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.error-boundary-title{font-size:20px;font-weight:600;color:var(--text);margin:0 0 var(--space-2) 0}.error-boundary-message{font-size:14px;color:var(--muted);margin:0 0 var(--space-4) 0;max-width:400px}.error-boundary-details{margin-bottom:var(--space-4);text-align:left;max-width:500px;width:100%}.error-boundary-details summary{font-size:13px;color:var(--muted);cursor:pointer;margin-bottom:var(--space-2)}.error-boundary-details pre{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);font-size:12px;color:var(--danger);overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0}.error-boundary-retry{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-6);font-size:14px;font-weight:500;cursor:pointer}html[data-theme=light] .error-boundary-icon{background:#d930251a}html[data-theme=light] .error-boundary-details pre{background:#d930250d}.spinner{animation:spinner-rotate .75s linear infinite;display:inline-block;vertical-align:middle;flex-shrink:0}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-loading{display:inline-flex;align-items:center;gap:var(--space-2)}.skeleton{background:linear-gradient(90deg,var(--border) 25%,rgba(74,158,255,.08) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.skeleton-row td{padding:var(--space-3)}html[data-theme=light] .skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.conn-indicator{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:999px;font-size:12px;font-weight:500;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.conn-indicator--online{background:#81c9951f;border-color:var(--success);color:var(--success)}.conn-indicator--offline{background:#f28b821f;border-color:var(--danger);color:var(--danger)}.conn-indicator--slow{background:#fdd6631f;border-color:var(--warning);color:var(--warning)}.conn-indicator--reconnecting{background:#4a9eff1a;border-color:var(--accent);color:var(--accent)}html[data-theme=light] .conn-indicator--online{background:#1e8e3e14;color:var(--success)}html[data-theme=light] .conn-indicator--offline{background:#d9302514;color:var(--danger)}html[data-theme=light] .conn-indicator--slow{background:#f9ab001a;border-color:var(--warning);color:#7a5200}html[data-theme=light] .conn-indicator--reconnecting{background:#1a73e814;color:var(--accent)}.conn-indicator__dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.conn-indicator__spinner{width:10px;height:10px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;flex-shrink:0;animation:conn-spin .75s linear infinite}@keyframes conn-spin{to{transform:rotate(360deg)}}.conn-indicator__label{font-size:12px;line-height:1}.conn-indicator__retry{background:none;border:none;color:inherit;cursor:pointer;padding:0 1px;font-size:14px;line-height:1;border-radius:var(--radius-sm);transition:opacity .15s ease;display:inline-flex;align-items:center;min-height:unset}.conn-indicator__retry:hover{background:none;opacity:.7}.status-cards .status-card{background:var(--panel);border:1px solid var(--border);padding:var(--space-4);border-radius:var(--radius-lg)}.status-card h3{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:var(--space-2)}.status-card div{font-size:32px;font-weight:700;color:var(--text)}.subheader{position:sticky;top:var(--topbar-height);z-index:var(--z-subheader);height:var(--subheader-height);background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.subheader-nav{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-6);min-height:var(--subheader-height);width:100%}.subheader-nav a{position:relative;display:flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-4);font-weight:500;font-size:14px;color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .15s ease;border-bottom:3px solid transparent}.subheader-nav a:hover{color:var(--text)}.subheader-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}@media (max-width: 768px){.subheader-nav{padding:0 var(--space-4)}.subheader-nav a{padding:var(--space-2) var(--space-3);font-size:13px}}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-6)}.metric-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-card h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 var(--space-3) 0}.metric-value{font-size:48px;font-weight:700;color:var(--text);line-height:1}.metric-value.online{color:var(--success)}.live-previews-section{margin-top:var(--space-10)}.live-previews-section h2{font-size:20px;font-weight:600;margin-bottom:var(--space-5);color:var(--text)}.live-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5)}.live-preview-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.live-preview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.preview-screen{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.preview-screen img{width:100%;height:100%;object-fit:contain;display:block}.preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1f28,#0f1419)}.preview-loading{color:var(--muted);font-size:14px}.preview-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-top:1px solid var(--border)}.preview-name{font-weight:600;font-size:14px;color:var(--text)}.preview-status{font-size:13px;font-weight:500}.preview-status.online{color:var(--success)}@media (max-width: 1024px){.dashboard-metrics{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.metric-card{padding:var(--space-5)}.metric-value{font-size:40px}.live-previews{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}}@media (max-width: 768px){.dashboard-metrics{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.metric-card{padding:var(--space-4)}.metric-card h3{font-size:11px;margin-bottom:var(--space-2)}.metric-value{font-size:32px}.live-previews-section{margin-top:var(--space-8)}.live-previews-section h2{font-size:18px;margin-bottom:var(--space-4)}.live-previews{grid-template-columns:1fr;gap:var(--space-4)}.preview-info{padding:var(--space-3)}.preview-name{font-size:13px}.preview-status{font-size:12px}}.upload-zone{margin-top:var(--space-6);border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);text-align:center;background:var(--panel);transition:all .2s ease;cursor:pointer;position:relative}@media (min-width: 1024px){.upload-zone{padding:var(--space-12) var(--space-8);margin-bottom:var(--space-4)}}.upload-zone:hover{border-color:var(--accent);background:#4a9eff0d}.upload-zone.drag-active{border-color:var(--accent);background:#4a9eff1a;border-style:solid;transform:scale(1.02)}.upload-zone-icon{font-size:48px;margin-bottom:var(--space-3);opacity:.5}.upload-zone.drag-active .upload-zone-icon{opacity:1;transform:scale(1.1)}.upload-zone h3{font-size:18px;font-weight:600;margin-bottom:var(--space-2);color:var(--text)}.upload-zone p{font-size:14px;color:var(--muted);margin:0}.upload-zone input[type=file]{display:none}.upload-zone-button{display:inline-block;margin-top:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--accent);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:background .2s ease}.upload-zone:hover .upload-zone-button{background:var(--accent-hover)}.upload-progress-container{margin-top:var(--space-6)}.upload-progress-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-4)}.upload-progress-icon{font-size:32px;flex-shrink:0}.upload-progress-info{flex:1;min-width:0}.upload-progress-filename{font-weight:600;font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--space-1)}.upload-progress-bar-container{height:6px;background:#4a9eff1a;border-radius:3px;overflow:hidden;margin-bottom:var(--space-1)}.upload-progress-bar{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.upload-progress-bar.success{background:var(--success)}.upload-progress-bar.error{background:var(--danger)}.upload-progress-status{font-size:12px;color:var(--muted)}.upload-progress-status.success{color:var(--success)}.upload-progress-status.error{color:var(--danger)}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.virtualized-assets-grid{flex:1;min-height:0;overflow:auto;margin-top:var(--space-6)}@media (min-width: 1024px){.assets-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-7)}}@media (min-width: 1440px){.assets-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.asset-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;position:relative;display:flex;flex-direction:column}.asset-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}@media (min-width: 1024px){.asset-card:hover{transform:translateY(-6px)}}.asset-thumbnail{width:100%;aspect-ratio:16 / 9;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0}@media (min-width: 1024px){.asset-thumbnail{aspect-ratio:4 / 3}}.asset-thumbnail img,.asset-thumbnail video{width:100%;height:100%;object-fit:cover;display:block}.asset-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-2);background:linear-gradient(135deg,#1a1f28,#0f1419);color:var(--muted)}.asset-thumbnail-icon{font-size:48px;opacity:.5}.asset-type-badge{position:absolute;top:var(--space-2);right:var(--space-2);padding:4px var(--space-2);border-radius:var(--radius-md);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.asset-type-badge.image{background:#4a9effe6;color:#fff}.asset-type-badge.video{background:#81c995e6;color:#fff}.asset-info{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}@media (min-width: 1024px){.asset-info{padding:var(--space-5);gap:var(--space-3)}}.asset-filename{font-weight:600;font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 1024px){.asset-filename{font-size:15px}}.asset-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);flex-wrap:wrap;gap:var(--space-2)}.asset-metadata-item{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-2);background:#4a9eff1a;border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--text);white-space:nowrap}.asset-date{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.asset-actions button{flex:1;padding:var(--space-2);font-size:13px}.asset-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.asset-preview-content{max-width:90vw;max-height:90vh;position:relative;display:flex;flex-direction:column;gap:var(--space-4)}.asset-preview-image,.asset-preview-video{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 20px 40px #00000080}.asset-preview-info{background:var(--panel);padding:var(--space-4);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between}.asset-preview-details{display:flex;flex-direction:column;gap:var(--space-1)}.asset-preview-filename{font-weight:600;font-size:16px;color:var(--text)}.asset-preview-meta{font-size:13px;color:var(--muted)}.asset-preview-close{position:absolute;top:var(--space-4);right:var(--space-4);background:#000c;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease}.asset-preview-close:hover{background:#000000f2}.assets-empty{text-align:center;padding:var(--space-12) var(--space-6)}.assets-empty-icon{font-size:64px;margin-bottom:var(--space-4);opacity:.3}.assets-empty h3{font-size:20px;font-weight:600;margin-bottom:var(--space-2);color:var(--text)}.assets-empty p{font-size:14px;color:var(--muted);max-width:400px;margin:0 auto}.assets-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-6);margin-top:var(--space-6);align-items:start;height:calc(100vh - 200px)}.assets-layout>div:last-child{display:flex;flex-direction:column;min-height:0}.assets-sidebar{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);position:sticky;top:calc(var(--topbar-height, 60px) + var(--subheader-height, 0px) + var(--space-4));height:fit-content}.assets-sidebar-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.folder-nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:14px;transition:background .15s ease}.folder-nav-item:hover,.folder-nav-item.active{background:#4a9eff1a;color:var(--accent)}.folder-nav-item:hover .folder-delete-btn{opacity:1!important}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-2);border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;transition:outline .1s ease}.tag-chip.active{outline:2px solid currentColor}.asset-tag-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-1)}.asset-tag-pill{font-size:11px;padding:1px 6px;border-radius:999px;font-weight:500}.assets-toolbar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;padding:var(--space-3);border:2px dashed transparent;border-radius:var(--radius-md);transition:border-color .2s ease,background .2s ease}.assets-toolbar.drag-active{border-color:var(--accent);background:#4a9eff0d}@media (max-width: 768px){.assets-layout{grid-template-columns:1fr}.assets-sidebar{position:static;display:flex;overflow-x:auto;gap:var(--space-3);white-space:nowrap;border-radius:var(--radius-md);padding:var(--space-3);flex-direction:row;align-items:center}.assets-sidebar>div{flex-shrink:0}}@media (max-width: 768px){.assets-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.asset-card{font-size:13px}.asset-info{padding:var(--space-3)}.asset-filename{font-size:13px}.asset-meta{font-size:11px}.asset-actions{flex-direction:column}.asset-preview-modal{padding:var(--space-4)}}.playlist-timeline{margin-top:var(--space-4);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.timeline-hint{font-size:14px;color:var(--muted);margin-bottom:var(--space-4);padding:var(--space-3);background:#4a9eff0d;border-left:3px solid var(--accent);border-radius:var(--radius-md)}.timeline-hint strong{color:var(--accent)}.timeline-items{display:flex;flex-direction:column;gap:var(--space-3)}.timeline-item{display:flex;align-items:center;gap:var(--space-3);background:var(--input);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);cursor:grab;transition:all .2s ease;position:relative}.timeline-item:hover{border-color:var(--accent);box-shadow:0 4px 12px #4a9eff1a;transform:translateY(-2px)}.timeline-item.dragging{opacity:.5;cursor:grabbing;transform:scale(.98)}.timeline-item:active{cursor:grabbing}.timeline-item-number{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;font-weight:700;font-size:14px}.timeline-item-thumbnail{flex-shrink:0;width:120px;height:68px;border-radius:var(--radius-md);overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;position:relative}.timeline-item-thumbnail img,.timeline-item-thumbnail video{width:100%;height:100%;object-fit:cover;display:block}.timeline-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1f28,#0f1419);font-size:32px;opacity:.5}.timeline-item-type{position:absolute;top:4px;right:4px;padding:2px 6px;border-radius:var(--radius-md);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timeline-item-type.image{background:#4a9effe6;color:#fff}.timeline-item-type.video{background:#81c995e6;color:#fff}.timeline-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.timeline-item-filename{font-weight:600;font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-item-meta{display:flex;align-items:center;gap:var(--space-3);font-size:12px;color:var(--muted)}.timeline-item-duration{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-weight:600}.timeline-item-duration.display-duration{background:#4a9eff26;color:var(--accent)}.timeline-item-duration.video-duration{background:#81c99526;color:var(--success)}.timeline-item-added{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-item-remove{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:transparent;border:2px solid var(--border);color:var(--muted);font-size:20px;line-height:1;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;padding:0}.timeline-item-remove:hover{background:var(--danger);border-color:var(--danger);color:#fff;transform:scale(1.1)}@media (max-width: 768px){.playlist-timeline{padding:var(--space-4)}.timeline-item{flex-wrap:wrap;gap:var(--space-2)}.timeline-item-number{width:28px;height:28px;font-size:12px}.timeline-item-thumbnail{width:90px;height:51px}.timeline-item-info{flex:1 1 100%;order:3}.timeline-item-remove{margin-left:auto;width:28px;height:28px;font-size:18px}.timeline-item-meta{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}.timeline-items{position:relative}.timeline-item:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--accent);border-radius:50%;opacity:0;transition:opacity .2s ease}.timeline-item:hover:before{opacity:1}.timeline-item:after{content:"";position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--accent);border-radius:50%;opacity:0;transition:opacity .2s ease}.timeline-item:hover:after{opacity:1}.duration-help-text{display:block;font-size:12px;color:var(--muted);margin-top:calc(-1 * var(--space-1));margin-bottom:var(--space-2);line-height:1.4}.duration-autofill-badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;background:#81c99526;color:var(--success);border-radius:999px;margin-bottom:var(--space-2)}.table-type-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-md);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.table-type-badge.image{background:#4a9eff26;color:var(--accent)}.table-type-badge.video{background:#81c99526;color:var(--success)}.table-duration-video{color:var(--success);font-weight:500}.table-duration-display{color:var(--text)}.table-duration-default{color:var(--muted);font-weight:400}.device-banner{padding:var(--space-3) var(--space-4);margin-bottom:20px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;border:1px solid}.device-banner--success{background-color:#d1ecf1;border-color:#bee5eb}.device-banner--warning{background-color:#fff3cd;border-color:#ffc107}.device-banner--danger{background-color:#f8d7da;border-color:#f5c6cb}.device-banner-text{color:#000}.site-footer{background:var(--panel);border-top:1px solid var(--border);margin-top:auto;padding:var(--space-8) var(--space-6)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8);margin-bottom:var(--space-6)}.footer-about h3{margin-bottom:var(--space-3);font-size:16px;font-weight:600}.footer-about p{font-size:14px;color:var(--muted);line-height:1.6}.bottom-bar{border-top:1px solid var(--border);padding-top:var(--space-4);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);font-size:13px;color:var(--muted)}.bottom-bar__right{display:flex;gap:var(--space-4)}@media (max-width: 640px){.site-footer{padding:var(--space-4)}.site-footer .footer-grid{grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.site-footer .footer-about{grid-column:1 / -1}.site-footer .bottom-bar{gap:var(--space-3);padding-top:var(--space-3)}.site-footer .bottom-bar__right{gap:var(--space-3)}.site-footer h3{font-size:15px;margin-bottom:var(--space-2)}.site-footer li,.site-footer a,.site-footer span,.site-footer p{font-size:13px}}.dh-hero{max-width:900px;margin:0 auto;padding:var(--space-12) var(--space-6);text-align:center}.dh-hero .eyebrow{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-4)}.dh-hero h1{font-size:40px;font-weight:700;line-height:1.2;margin-bottom:var(--space-5);color:var(--text)}.dh-hero p{font-size:18px;line-height:1.6;color:var(--muted);max-width:700px;margin:0 auto var(--space-5) auto}.btn-primary{display:inline-block;background:var(--accent);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;font-size:16px;text-decoration:none;transition:background-color .15s ease,transform .1s ease}.btn-primary:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px)}.pitch{margin:var(--space-10) 0;padding:var(--space-8) 0}.pitch h2{font-size:28px;font-weight:700;margin-bottom:var(--space-4);color:var(--text)}.pitch p{font-size:16px;line-height:1.7;color:var(--muted);max-width:800px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal-show{opacity:1;transform:translateY(0)}@media (max-width: 768px){.dh-hero{padding:var(--space-8) var(--space-4)}.dh-hero h1{font-size:28px}.dh-hero p{font-size:16px}.pitch{margin:var(--space-6) 0;padding:var(--space-4) 0}.pitch h2{font-size:22px}.pitch p{font-size:15px}}@media (min-width: 768px) and (max-width: 1024px){.dh-hero h1{font-size:36px}.pitch h2{font-size:26px}}