:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-active:#1d4ed8;--color-secondary:#6366f1;--color-background:#0f172a;--color-bg-secondary:#0f172a;--color-surface:#1e293b;--color-surface-hover:#273548;--color-surface-elevated:#334155;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-border:#475569;--color-border-light:#334155;--color-border-hover:#64748b;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#0ea5e9;--font-family-base:"Inter", system-ui, -apple-system, sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-0:0;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--tab-panel-fade-duration:.18s;--tab-panel-fade-easing:ease;--sidebar-width:288px;--header-height:76px;--header-height-compact:62px;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-modal-fullscreen-overlay:450;--z-popover:500;--z-tooltip:600;--z-connection-overlay:700;--z-full-page-loader:800;--color-scene-1:#8b5cf6;--color-scene-2:#ec4899;--color-scene-3:#f59e0b;--color-scene-4:#10b981;--color-scene-5:#06b6d4;--color-scene-6:#6366f1;--color-detection-person:#4a8fe7;--color-detection-vehicle:#e05555;--color-detection-animal:#34b77c;--color-detection-ocr:#e8943f;--color-detection-face:#d9549a;--color-detection-other:#7577e0;--timeline-height-collapsed:6px;--timeline-height-expanded:48px;--timeline-layer-height:12px;--overlay-stroke-width:2px;--overlay-label-size:11px;--detail-panel-width:320px;--z-video-overlay:10;--z-video-controls:20;--z-timeline-tooltip:700;--player-height-collapsed:80px;--player-height-expanded:480px;--player-background:#0f172afa;--timeline-track-height:48px;--timeline-waveform-height:64px;--timeline-ruler-height:24px;--clip-marker-color:#fbbf24;--clip-region-opacity:.2;--z-global-player:250;--color-primary-muted:#3b82f626;--color-primary-subtle:#3b82f61f;--color-success-subtle:#22c55e24;--color-warning-subtle:#f59e0b24;--color-error-subtle:#ef444424;--color-text-tertiary:#64748b;--color-text-inverse:#1e293b;--color-danger:#ef4444;--badge-primary-text:#bfdbfe;--badge-primary-bg:#3b82f647;--badge-primary-border:#3b82f659;--badge-success-text:#22c55e;--badge-success-bg:#22c55e26;--badge-warning-text:#f59e0b;--badge-warning-bg:#f59e0b26;--badge-error-text:#ef4444;--badge-error-bg:#ef444426;--badge-info-text:#0ea5e9;--badge-info-bg:#0ea5e926}[data-theme=light]{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-active:#1e40af;--color-secondary:#4f46e5;--color-background:#f8fafc;--color-bg-secondary:#f1f5f9;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-surface-elevated:#e2e8f0;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-border:#cbd5e1;--color-border-light:#e2e8f0;--color-border-hover:#94a3b8;--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--color-info:#0284c7;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000f;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--player-background:#fffffffa;--color-primary-muted:#2563eb1a;--color-primary-subtle:#2563eb14;--color-success-subtle:#16a34a1a;--color-warning-subtle:#d977061a;--color-error-subtle:#dc26261a;--color-text-tertiary:#94a3b8;--color-text-inverse:#f8fafc;--color-danger:#dc2626;--badge-primary-text:#1d4ed8;--badge-primary-bg:#2563eb1f;--badge-primary-border:#2563eb40;--badge-success-text:#15803d;--badge-success-bg:#16a34a1f;--badge-warning-text:#b45309;--badge-warning-bg:#d977061f;--badge-error-text:#b91c1c;--badge-error-bg:#dc26261f;--badge-info-text:#0369a1;--badge-info-bg:#0284c71f}@media (prefers-reduced-motion:reduce){:root{--tab-panel-fade-duration:1ms}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);min-height:100vh}canvas,img,picture,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}p{line-height:var(--line-height-relaxed)}code,kbd,pre,samp{font-family:var(--font-family-mono)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-mono{font-family:var(--font-family-mono)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-center{text-align:center}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.as-tab{gap:var(--space-5)}.as-section,.as-tab{flex-direction:column;display:flex}.as-section{gap:var(--space-3)}.as-section+.as-section{margin-top:var(--space-2)}.as-section__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.as-section__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.as-section__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.as-section--boxed{padding:var(--space-4);background-color:var(--color-surface-raised);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.as-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.as-grid--wide{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.as-grid--list{grid-template-columns:1fr}.as-toggle{align-items:flex-start;gap:var(--space-3);display:flex}.as-toggle--card{padding:var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.as-toggle--card:hover{border-color:var(--color-border-hover)}.as-toggle--disabled{opacity:.55}.as-toggle__body{flex:1;min-width:0}.as-toggle__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;display:block}.as-toggle__description{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.45}.as-toggle__note{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);color:var(--color-warning-dark,#b45309)}.as-nested{gap:var(--space-3);margin-left:calc(var(--space-3) + 36px);padding-left:var(--space-3);border-left:2px solid var(--color-border-light)}.as-field,.as-nested{flex-direction:column;display:flex}.as-field{gap:var(--space-2)}.as-field--grow{flex:220px}.as-field--small{flex:none;width:120px}.as-field--medium{flex:none;width:220px}.as-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.as-field__label--check{align-items:center;gap:var(--space-2);cursor:pointer;display:inline-flex}.as-field__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.as-effort{flex-wrap:wrap;align-items:center}.as-advanced,.as-effort{gap:var(--space-3);display:flex}.as-advanced{flex-direction:column}.as-advanced__toggle{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.as-advanced__toggle:hover{color:var(--color-text)}.as-advanced__body{padding-left:var(--space-3);border-left:2px solid var(--color-border-light)}.as-row{align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.as-input,.as-select{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.as-input::-moz-placeholder{color:var(--color-text-muted)}.as-select::-moz-placeholder{color:var(--color-text-muted)}.as-input::placeholder,.as-select::placeholder{color:var(--color-text-muted)}.as-input:hover:not(:disabled),.as-select:hover:not(:disabled){border-color:var(--color-border-hover)}.as-input:focus,.as-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.as-input:disabled,.as-select:disabled{opacity:.6;cursor:not-allowed}.as-select{cursor:pointer}.as-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.as-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.as-input[type=number]{-moz-appearance:textfield}.as-chips{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.as-chips__label{min-width:92px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.as-chips__set{gap:var(--space-2);flex-wrap:wrap;display:flex}.as-chip{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.as-chip:hover:not(:disabled){color:var(--color-text);border-color:var(--color-border-hover)}.as-chip--active{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-subtle)}.as-segmented{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.as-segmented__btn{align-items:flex-start;gap:var(--space-1);padding:var(--space-2) var(--space-3);text-align:left;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.as-segmented__btn:hover:not(:disabled){border-color:var(--color-border-hover)}.as-segmented__btn--active{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-subtle)}.as-segmented__btn:disabled{opacity:.6;cursor:not-allowed}.as-segmented__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.as-segmented__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.as-slider{gap:var(--space-2);flex-direction:column;display:flex}.as-slider--disabled{opacity:.6}.as-slider__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.as-slider__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);font-variant-numeric:tabular-nums}.as-slider__input{background:var(--color-surface);border-radius:var(--radius-full);cursor:pointer;width:100%;height:6px;accent-color:var(--color-primary);outline:none}.as-slider__scale{justify-content:space-between;display:flex}.as-note,.as-slider__scale{font-size:var(--font-size-xs);color:var(--color-text-muted)}.as-note{margin:0;line-height:1.5}.as-note--warning{color:var(--color-warning-dark,#b45309)}.as-preset{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.as-preset__text{gap:var(--space-1);flex-direction:column;display:flex}.as-preset__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.as-preset__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.5}.as-preset__btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex-shrink:0;transition:background-color .15s,color .15s}.as-preset__btn:hover:not(:disabled){color:var(--color-text-inverse,#fff);background:var(--color-primary)}.as-preset__btn:disabled{opacity:.5;cursor:not-allowed}.as-thresholds{gap:var(--space-3) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.as-thresholds__item{gap:var(--space-1);flex-direction:column;display:flex}.as-thresholds__head{justify-content:space-between;align-items:center;display:flex}.as-thresholds__head label{color:var(--color-text)}.as-thresholds__head label,.as-thresholds__head span{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.as-thresholds__head span{color:var(--color-primary);font-variant-numeric:tabular-nums}.as-thresholds input[type=range]{background:var(--color-surface);border-radius:var(--radius-full);cursor:pointer;width:100%;height:4px;accent-color:var(--color-primary);outline:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;white-space:nowrap;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn--secondary{background-color:var(--color-surface-elevated);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-text-muted)}.btn--ghost{color:var(--color-text-secondary);background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--color-surface);color:var(--color-text)}.btn--danger{background-color:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background-color:#dc2626}.btn--success.btn--loading{color:#fff!important}.btn--success.btn--loading:after{display:none}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.btn--icon{padding:var(--space-2);width:36px;height:36px}.btn--icon.btn--sm{width:28px;height:28px;padding:var(--space-1)}.btn--icon.btn--lg{width:44px;height:44px;padding:var(--space-3)}.btn--full{width:100%}.btn--loading{position:relative;color:#0000!important}.btn--loading:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite btn-spin;position:absolute}@keyframes btn-spin{to{transform:rotate(1turn)}}.card{background-color:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.card__body{padding:var(--space-5)}.card__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light);display:flex}.card--clickable{cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card--clickable:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border);transform:translateY(-2px)}.card--flat{background-color:#0000;border:none}.card--flat,.card--flat:hover{box-shadow:none}.card--elevated{background-color:var(--color-surface-elevated);box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--space-4)}.form-group__label{margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:block}.form-group__error{color:var(--color-error)}.form-group__error,.form-group__hint{margin-top:var(--space-1);font-size:var(--font-size-xs)}.form-group__hint{color:var(--color-text-muted)}.input,.select,.textarea{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::-moz-placeholder{color:var(--color-text-muted)}.select::-moz-placeholder{color:var(--color-text-muted)}.textarea::-moz-placeholder{color:var(--color-text-muted)}.input::placeholder,.select::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--color-text-muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.input:disabled,.select:disabled,.textarea:disabled{opacity:.5;cursor:not-allowed}.input--error{border-color:var(--color-error)}.input--error:focus{box-shadow:0 0 0 3px #ef44441a}.input--lg{padding:var(--space-3) var(--space-4);font-size:var(--font-size-lg)}.input--sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.textarea{resize:vertical;min-height:100px}.select{appearance:none;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20stroke%3D%22%2394a3b8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10);cursor:pointer}.checkbox,.radio{align-items:center;gap:var(--space-2);cursor:pointer;display:inline-flex}.checkbox input,.radio input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.checkbox__label,.radio__label{font-size:var(--font-size-sm);color:var(--color-text)}.search-input{position:relative}.search-input__icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input .input,.search-input .select,.search-input .textarea{padding-left:var(--space-10)}.search-input__clear{right:var(--space-2);padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}.search-input__clear:hover{color:var(--color-text)}.toggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:inline-flex;position:relative}.toggle:focus-visible{outline:none}.toggle:focus-visible .toggle__track{box-shadow:0 0 0 3px #3b82f64d}.toggle__track{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);transition:background-color var(--transition-fast),border-color var(--transition-fast);position:relative}.toggle__thumb,.toggle__track{border-radius:var(--radius-full);align-items:center;display:flex}.toggle__thumb{background-color:var(--color-text-muted);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),background-color var(--transition-fast);justify-content:center;position:absolute}.toggle__spinner{transform:scale(.6)}.toggle--active .toggle__track{background-color:var(--color-primary);border-color:var(--color-primary)}.toggle--active .toggle__thumb{background-color:#fff}.toggle--disabled{cursor:not-allowed;opacity:.5}.toggle--loading{cursor:wait}.toggle--loading .toggle__thumb{background-color:#0000}.toggle--sm .toggle__track{width:32px;height:18px}.toggle--sm .toggle__thumb{width:14px;height:14px;left:2px}.toggle--sm.toggle--active .toggle__thumb{transform:translate(14px)}.toggle--md .toggle__track{width:44px;height:24px}.toggle--md .toggle__thumb{width:20px;height:20px;left:2px}.toggle--md.toggle--active .toggle__thumb{transform:translate(20px)}.toggle--lg .toggle__track{width:56px;height:30px}.toggle--lg .toggle__thumb{width:26px;height:26px;left:2px}.toggle--lg.toggle--active .toggle__thumb{transform:translate(26px)}.video-card{background:var(--color-surface);border-radius:var(--radius-lg);transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer;overflow:hidden}.video-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.video-card__thumbnail{aspect-ratio:16/9;background:var(--color-surface-elevated);position:relative;overflow:hidden}.video-card__thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.video-card__thumbnail-placeholder{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.video-card__duration{bottom:var(--space-2);right:var(--space-2);color:var(--color-text);font-family:var(--font-family-mono);background:#000c}.video-card__duration,.video-card__status{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);position:absolute}.video-card__status{top:var(--space-2);left:var(--space-2);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.video-card__status--pending{background:var(--color-warning);color:#000}.video-card__status--queued{background:var(--color-info);color:#fff}.video-card__status--processing{background:var(--color-primary);color:#fff}.video-card__status--completed{background:var(--color-success);color:#fff}.video-card__status--failed{background:var(--color-error);color:#fff}.video-card__content{padding:var(--space-4)}.video-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.video-card__meta{gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex}.video-card__meta-item{align-items:center;gap:var(--space-1);display:flex}.video-card--analyzing .video-card__thumbnail:after{content:"";background:linear-gradient(90deg,#0000,#3b82f626 50%,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.video-card--compact{display:flex}.video-card--compact .video-card__thumbnail{flex-shrink:0;width:160px}.video-card--compact .video-card__content{flex-direction:column;justify-content:center;display:flex}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.video-player{border-radius:var(--radius-lg);background:#000;position:relative;overflow:hidden}.video-player__container{aspect-ratio:16/9;position:relative}.video-player video{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.video-player__controls{padding:var(--space-4);opacity:0;transition:opacity var(--transition-base);background:linear-gradient(#0000,#000c);position:absolute;bottom:0;left:0;right:0}.video-player:hover .video-player__controls{opacity:1}.video-player__progress{border-radius:var(--radius-full);height:4px;margin-bottom:var(--space-3);cursor:pointer;background:#ffffff4d;position:relative}.video-player__progress-bar{background:var(--color-primary)}.video-player__progress-bar,.video-player__progress-buffer{border-radius:var(--radius-full);height:100%;position:absolute;top:0;left:0}.video-player__progress-buffer{background:#fff3}.video-player__buttons{align-items:center;gap:var(--space-3);display:flex}.video-player__btn{color:#fff;border-radius:var(--radius-full);width:36px;height:36px;transition:background-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.video-player__btn:hover{background:#ffffff1a}.video-player__time{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:#fff;margin-left:auto}.video-player__volume{align-items:center;gap:var(--space-2);display:flex}.video-player__volume-slider{appearance:none;border-radius:var(--radius-full);cursor:pointer;background:#ffffff4d;width:80px;height:4px}.video-player__volume-slider::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:12px;height:12px}.video-timeline{gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);display:flex;overflow-x:auto}.video-timeline::-webkit-scrollbar{height:6px}.video-timeline__scene{cursor:pointer;border-radius:var(--radius-md);width:120px;transition:border-color var(--transition-fast);border:2px solid #0000;flex-shrink:0;overflow:hidden}.video-timeline__scene--active,.video-timeline__scene:hover{border-color:var(--color-primary)}.video-timeline__scene img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%}.video-timeline__time{padding:var(--space-1);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-muted);text-align:center;background:var(--color-surface-elevated)}.modal-backdrop{z-index:var(--z-modal-backdrop);padding:var(--space-6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{z-index:var(--z-modal);width:100%;max-height:calc(100vh - var(--space-12));background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);position:relative;overflow:visible}.modal--sm{max-width:400px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal--xl{max-width:960px}.modal--2xl{max-width:1120px}.modal__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);display:flex}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.modal__close{width:32px;height:32px;margin:calc(var(--space-2)*-1);color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.modal__close:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.modal__body{padding:var(--space-5);max-height:calc(100vh - 200px);overflow-y:auto}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light);background-color:var(--color-surface-elevated);display:flex}.modal-enter-active,.modal-leave-active{transition:all var(--transition-base)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal,.modal-leave-to .modal{transform:scale(.95)translateY(-10px)}.toast{align-items:flex-start;gap:var(--space-3);width:360px;padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex}.toast__icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-tight);margin:0}.toast__message{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal)}.toast__action{margin-top:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;display:inline-block}.toast__action:hover{color:var(--color-primary-hover);text-decoration:underline}.toast__close{width:24px;height:24px;margin:calc(var(--space-1)*-1);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.toast__close:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.toast--success{border-left:3px solid var(--color-success)}.toast--success .toast__icon{color:var(--color-success)}.toast--error{border-left:3px solid var(--color-error)}.toast--error .toast__icon{color:var(--color-error)}.toast--warning{border-left:3px solid var(--color-warning)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info{border-left:3px solid var(--color-info)}.toast--info .toast__icon{color:var(--color-info)}.dropdown{display:inline-block;position:relative}.dropdown__trigger{cursor:pointer}.dropdown__menu{z-index:var(--z-dropdown);min-width:320px;max-width:calc(100vw - var(--space-4)*2);margin-top:var(--space-2);padding:var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:absolute;top:100%}.dropdown__menu--left{left:0;right:auto}.dropdown__menu--right{left:auto;right:0}.dropdown__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);text-align:left;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;display:flex}.dropdown__item:hover{background-color:var(--color-surface-hover)}.dropdown__item--danger{color:var(--color-error)}.dropdown__item--danger:hover{background-color:#ef44441a}.dropdown__item--disabled{opacity:.5;pointer-events:none}.dropdown__item--sub{padding-left:var(--space-5)}.dropdown__item--active{color:var(--color-primary);background-color:var(--color-primary-subtle);font-weight:var(--font-weight-medium)}.dropdown__item--active:hover{background-color:color-mix(in srgb,var(--color-primary) 18%,transparent)}.dropdown__item-external{color:var(--color-text-muted);opacity:.7;flex-shrink:0;margin-left:auto}.dropdown__divider{height:1px;margin:var(--space-2) 0;background-color:var(--color-border-light)}.dropdown__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.dropdown__label,.dropdown__status{padding:var(--space-2) var(--space-3);color:var(--color-text-muted)}.dropdown__status{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.dropdown__status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dropdown__status-dot--connected{background:var(--color-success)}.dropdown__status-dot--connecting{background:var(--color-warning)}.dropdown__status-dot--disconnected{background:var(--color-error)}.dropdown__online-users{flex-direction:column;display:flex}.dropdown__online-user{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.dropdown__online-user--empty{color:var(--color-text-muted);font-style:italic}.dropdown__online-user-dot{background:var(--color-success);border-radius:50%;flex-shrink:0;width:6px;height:6px}.dropdown__item--muted{color:var(--color-text-muted);font-size:var(--font-size-xs)}.dropdown__theme-options{gap:var(--space-1);padding:var(--space-1) var(--space-3);display:flex}.dropdown__theme-btn{width:36px;height:36px;color:var(--color-text-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.dropdown__theme-btn:hover{color:var(--color-text);background-color:var(--color-surface-hover);border-color:var(--color-border)}.dropdown__theme-btn--active{color:var(--color-primary);background-color:var(--color-primary-muted);border-color:var(--color-primary)}.dropdown-enter-active,.dropdown-leave-active{transition:all var(--transition-fast)}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-4px)}.tabs__list{gap:var(--space-1);border-bottom:1px solid var(--color-border-light);display:flex}.tabs__tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:flex;position:relative}.tabs__tab:after{content:"";height:2px;transition:background-color var(--transition-fast);background-color:#0000;position:absolute;bottom:-1px;left:0;right:0}.tabs__tab:hover:not(.tabs__tab--disabled){color:var(--color-text)}.tabs__tab--active{color:var(--color-primary)}.tabs__tab--active:after{background-color:var(--color-primary)}.tabs__tab--disabled{opacity:.5;cursor:not-allowed}.tabs__badge{min-width:20px;height:20px;padding:0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-surface-elevated);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.tabs__panels{padding-top:var(--space-4)}.tabs--pills .tabs__list{gap:var(--space-1);border-bottom:none}.tabs--pills .tabs__tab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.tabs--pills .tabs__tab:after{display:none}.tabs--pills .tabs__tab:hover:not(.tabs--pills .tabs__tab--disabled):not(.tabs--pills .tabs__tab--active){background-color:var(--color-bg-tertiary)}.tabs--pills .tabs__tab--active{color:var(--color-primary);background-color:var(--color-primary-subtle);font-weight:var(--font-weight-semibold)}.tabs--underline .tabs__list{gap:var(--space-6)}.tabs--underline .tabs__tab{padding:var(--space-3) 0}.tab-fade-enter-active,.tab-fade-leave-active{transition:opacity var(--tab-panel-fade-duration) var(--tab-panel-fade-easing)}.tab-fade-enter-from,.tab-fade-leave-to{opacity:0}.progress{align-items:center;gap:var(--space-3);display:flex}.progress__track{background-color:var(--color-surface-elevated);flex:1;height:8px;overflow:hidden}.progress__bar,.progress__track{border-radius:var(--radius-full)}.progress__bar{background-color:var(--color-primary);height:100%;transition:width .3s}.progress__label{min-width:40px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:right;flex-shrink:0}.progress--sm .progress__track{height:4px}.progress--sm .progress__label{font-size:var(--font-size-xs)}.progress--lg .progress__track{height:12px}.progress--secondary .progress__bar{background-color:var(--color-secondary)}.progress--info .progress__bar{background-color:var(--color-info)}.progress--success .progress__bar{background-color:var(--color-success)}.progress--warning .progress__bar{background-color:var(--color-warning)}.progress--error .progress__bar{background-color:var(--color-error)}.progress--indeterminate .progress__bar{animation:1.5s ease-in-out infinite progress-indeterminate;width:40%!important}@keyframes progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(-100%)}}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);line-height:1;display:inline-flex}.badge--sm{padding:2px var(--space-1);font-size:10px}.badge--default{color:var(--color-text-secondary);background-color:var(--color-surface-elevated)}.badge--primary{color:var(--badge-primary-text);background-color:var(--badge-primary-bg);border:1px solid var(--badge-primary-border)}.badge--success{color:var(--badge-success-text);background-color:var(--badge-success-bg)}.badge--warning{color:var(--badge-warning-text);background-color:var(--badge-warning-bg)}.badge--error{color:var(--badge-error-text);background-color:var(--badge-error-bg)}.badge--info{color:var(--badge-info-text);background-color:var(--badge-info-bg)}.badge--dot{background:0 0;padding:0}.badge__dot{border-radius:var(--radius-full);background-color:currentColor;width:8px;height:8px}.badge--pulse .badge__dot{animation:2s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column}.empty-state,.empty-state__icon{justify-content:center;align-items:center;display:flex}.empty-state__icon{width:80px;height:80px;margin-bottom:var(--space-4);color:var(--color-text-muted);background-color:var(--color-surface-elevated);border-radius:var(--radius-full)}.empty-state__title{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.empty-state__description{max-width:360px;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin:0}.empty-state__action{margin-top:var(--space-6)}.spinner{display:inline-flex}.spinner svg{animation:1s linear infinite spinner-rotate}.spinner__track{stroke:var(--color-surface-elevated)}.spinner__circle{stroke:currentColor;stroke-linecap:round;stroke-dasharray:63;stroke-dashoffset:50px;animation:1.5s ease-in-out infinite spinner-dash}.spinner--xs svg{width:12px;height:12px}.spinner--sm svg{width:16px;height:16px}.spinner--md svg{width:24px;height:24px}.spinner--lg svg{width:40px;height:40px}.spinner--primary{color:var(--color-primary)}.spinner--white{color:#fff}.spinner--muted{color:var(--color-text-muted)}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@keyframes spinner-dash{0%{stroke-dashoffset:63px}50%{stroke-dashoffset:15px}to{stroke-dashoffset:63px}}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background-color:var(--color-surface-elevated);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f 50%,#0000);animation:1.8s infinite skeleton-shimmer;position:absolute;inset:0}.skeleton--text{border-radius:var(--radius-sm);width:100%;height:.875rem}.skeleton--text-sm{height:.75rem}.skeleton--text-lg{height:1.25rem}.skeleton--circle{border-radius:var(--radius-full)}.skeleton--rect{border-radius:var(--radius-md)}.skeleton--card,.skeleton--rounded,.skeleton-video-card{border-radius:var(--radius-lg)}.skeleton-video-card{background:var(--color-surface);overflow:hidden}.skeleton-video-card__thumbnail{aspect-ratio:16/9;background-color:var(--color-surface-elevated);position:relative;overflow:hidden}.skeleton-video-card__thumbnail:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f 50%,#0000);animation:1.8s infinite skeleton-shimmer;position:absolute;inset:0}.skeleton-video-card__content{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.skeleton-stat-card{padding:var(--space-5)}.skeleton-stat-card__label{width:60%;height:.75rem;margin-bottom:var(--space-3)}.skeleton-stat-card__value{width:40%;height:1.5rem}.skeleton-list-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.skeleton-list-row__thumb{flex-shrink:0;width:48px;height:36px}.skeleton-list-row__content{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.pagination{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.pagination__info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pagination__controls{align-items:center;gap:var(--space-1);display:flex}.pagination__btn{min-width:36px;height:36px;padding:0 var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.pagination__btn:hover:not(:disabled){color:var(--color-text);background-color:var(--color-surface-hover)}.pagination__btn:disabled{opacity:.5;cursor:not-allowed}.pagination__btn--active{color:var(--color-primary);border-color:var(--color-primary);background-color:#3b82f626}.pagination__btn--active:hover:not(:disabled){background-color:#3b82f633}.pagination__btn--next,.pagination__btn--prev{color:var(--color-text-muted)}.pagination__btn--next:hover:not(:disabled),.pagination__btn--prev:hover:not(:disabled){color:var(--color-text)}.pagination__ellipsis{min-width:36px;height:36px;font-size:var(--font-size-sm);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.header-search{width:100%;max-width:500px;position:relative}.header-search__input-wrapper{align-items:center;display:flex;position:relative}.header-search__icon{left:var(--space-3);color:color-mix(in srgb,var(--color-text-tertiary) 85%,var(--color-surface-elevated));pointer-events:none;display:flex;position:absolute}.header-search__input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-10);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),padding .25s cubic-bezier(.4,0,.2,1),font-size .25s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:inset 0 2px 4px #0000002e,inset 0 4px 8px #0000001a}.header-search__input::-moz-placeholder{color:var(--color-text-muted);-moz-transition:color var(--transition-fast);transition:color var(--transition-fast)}.header-search__input::placeholder{color:var(--color-text-muted);transition:color var(--transition-fast)}.header-search__input:focus{border-color:var(--color-primary);box-shadow:inset 0 2px 4px #0000002e,inset 0 4px 8px #0000001a,0 0 0 3px #3b82f61a}.header-search__input:focus::placeholder{color:var(--color-text-tertiary)}.header-search__input--trigger{cursor:text;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.header-search__input--trigger:hover{border-color:color-mix(in srgb,var(--color-border) 70%,var(--color-text-muted))}.header-search__input--trigger:focus-visible{border-color:var(--color-primary);box-shadow:inset 0 2px 4px #0000002e,inset 0 4px 8px #0000001a,0 0 0 3px #3b82f61a}.header-search__placeholder{color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-search__shortcut{margin-left:var(--space-2);padding:2px var(--space-1-5);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;line-height:1.4}.header-search__spinner{right:var(--space-3);position:absolute}.header-search__dropdown{top:calc(100% + var(--space-2));z-index:var(--z-dropdown);background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:absolute;left:0;right:0;overflow:hidden}.header-search__section-title{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.header-search__history{padding:var(--space-1) 0}.header-search__history-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);text-align:left;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;display:flex}.header-search__history-item svg{color:var(--color-text-muted);flex-shrink:0}.header-search__history-item:hover{background-color:var(--color-surface-hover)}.header-search__history-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;background-color:var(--color-surface-hover)}.header-search__history-item--active{background-color:var(--color-surface-hover)}.header-search__results{padding:var(--space-1) 0;max-height:400px;overflow-y:auto}.header-search__empty{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-direction:column;display:flex}.header-search__footer{padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-light)}.header-search__view-all{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);border-radius:var(--radius-md);transition:background-color var(--transition-fast);background-color:#0000;text-decoration:none;display:flex}.header-search__view-all:hover{background-color:var(--color-surface-hover)}.header-search__view-all:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;background-color:var(--color-surface-hover)}.header-search__total{color:var(--color-text-muted)}.header-search-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);text-align:left;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;display:flex}.header-search-item:hover{background-color:var(--color-surface-hover)}.header-search-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;background-color:var(--color-surface-hover)}.header-search-item--loading{padding:var(--space-3);justify-content:center}.header-search-item__thumb{border-radius:var(--radius-sm);background-color:var(--color-surface-elevated);flex-shrink:0;width:64px;height:36px;position:relative;overflow:hidden}.header-search-item__thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.header-search-item__thumb-placeholder{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.header-search-item__duration{padding:0 var(--space-1);font-size:10px;font-weight:var(--font-weight-medium);color:#fff;border-radius:var(--radius-xs);background-color:#000c;position:absolute;bottom:2px;right:2px}.header-search-item__content{flex:1;min-width:0}.header-search-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-search-item__highlight{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.header-search-item__score{padding:2px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);border-radius:var(--radius-sm);background-color:#3b82f61a;flex-shrink:0}.dashboard{grid-template-columns:auto 1fr;grid-template-rows:var(--header-height) 1fr;background:var(--color-background);min-height:100vh;display:grid}@media (width<=1023.98px){.dashboard{grid-template-columns:1fr}}.dashboard__header{padding:0 var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);z-index:var(--z-sticky);height:var(--header-height);grid-column:1/-1;justify-content:space-between;align-items:center;transition:height .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;box-shadow:0 6px 14px -6px #0000002e,0 2px 4px -2px #00000014}@media (width<=767.98px){.dashboard__header{padding:0 var(--space-3);gap:var(--space-2)}}.dashboard--header-compact{--header-height:var(--header-height-compact)}.dashboard--header-compact .dashboard__logo-mark svg{width:20px;height:20px}.dashboard--header-compact .dashboard__header{padding:0 var(--space-4)}.dashboard__logo{align-items:center;gap:var(--space-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);text-decoration:none;display:flex}.dashboard__logo--link{transition:color var(--transition-fast),opacity var(--transition-fast)}.dashboard__logo--link:hover{color:var(--color-text-secondary)}.dashboard__logo-mark{width:30px;height:30px;color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent);border-radius:var(--radius-md);background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 12%,transparent),color-mix(in srgb,var(--color-primary) 5%,transparent));justify-content:center;align-items:center;display:inline-flex}.dashboard__logo-mark svg{transition:width .25s cubic-bezier(.4,0,.2,1),height .25s cubic-bezier(.4,0,.2,1)}.dashboard__logo-text{white-space:nowrap;transition:opacity .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1)}.dashboard__search{max-width:500px;margin:0 var(--space-8);flex:1;transition:margin .25s cubic-bezier(.4,0,.2,1)}@media (width<=767.98px){.dashboard__search{margin:0 var(--space-2);max-width:none}}.dashboard--header-compact .dashboard__search{margin:0 var(--space-4)}.dashboard--header-compact .header-search__input{padding-block:var(--space-1-5);font-size:var(--font-size-sm)}.dashboard--header-compact.dashboard--header-compact .hardware-stats{align-items:center;gap:var(--space-4);padding-block:calc(var(--space-2) + 1px);flex-direction:row}.dashboard--header-compact.dashboard--header-compact .hardware-stats__bar{width:56px}.dashboard__header-actions{align-items:center;gap:var(--space-4);display:flex}.dashboard__user{align-items:center;gap:var(--space-2);display:flex}.dashboard__help-link{justify-content:center;align-items:center;width:40px;height:40px;padding:0;text-decoration:none;display:inline-flex}.dashboard__sidebar{background:var(--color-surface);border-right:1px solid var(--color-border-light);padding:var(--space-3);top:var(--header-height);height:calc(100vh - var(--header-height));width:var(--sidebar-width);z-index:2;isolation:isolate;contain:layout;backface-visibility:hidden;will-change:width;flex-direction:column;flex-shrink:0;min-width:0;transition:width .22s cubic-bezier(.22,1,.36,1),border-color .18s;display:flex;position:sticky;overflow:visible;box-shadow:4px 0 12px -4px #00000014}.dashboard__sidebar--collapsed{border-right-color:color-mix(in srgb,var(--color-border-light) 40%,transparent);padding-inline:0}@media (width<=1023.98px){.dashboard__sidebar{top:var(--header-height);z-index:calc(var(--z-sticky) + 1);transition:transform var(--transition-slow),width var(--transition-base);box-shadow:none;padding-inline:var(--space-3);position:fixed;left:0;overflow:hidden auto;transform:translate(-100%)}.dashboard__sidebar--mobile-open{box-shadow:var(--shadow-xl);transform:translate(0)}.dashboard__sidebar--collapsed{width:var(--sidebar-width);padding-inline:var(--space-3)}}.dashboard__sidebar-backdrop{display:none}@media (width<=1023.98px){.dashboard__sidebar-backdrop{inset:0;top:var(--header-height);z-index:var(--z-sticky);opacity:0;pointer-events:none;transition:opacity var(--transition-slow);background:#00000080;display:block;position:fixed}.dashboard__sidebar-backdrop--visible{opacity:1;pointer-events:auto}}.dashboard__mobile-toggle{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;margin-right:var(--space-3);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none}.dashboard__mobile-toggle:hover{background:var(--color-surface-hover);color:var(--color-text)}@media (width<=1023.98px){.dashboard__mobile-toggle{display:flex}}.dashboard{--player-offset:0px}.dashboard__main{padding:var(--space-6);scrollbar-gutter:stable;z-index:0;transition:padding-bottom var(--transition-base),padding-left .24s cubic-bezier(.22,1,.36,1);height:calc(100vh - var(--header-height));position:relative;overflow-y:auto}@media (width<=767.98px){.dashboard__main{padding:var(--space-4) var(--space-3)}}.dashboard--player-visible{--player-offset:var(--player-height-collapsed)}.dashboard--player-expanded{--player-offset:var(--player-height-expanded)}.dashboard--player-fullscreen{--player-offset:0px}.sidebar-content{display:contents}.sidebar-nav{min-height:0;padding-right:var(--space-1);will-change:opacity,transform;flex:1;transition:opacity .18s,transform .2s cubic-bezier(.22,1,.36,1);overflow:hidden auto}.dashboard__sidebar--collapsed .sidebar-nav{opacity:0;pointer-events:none;padding-right:0;transform:translate(-8px)}@media (width<=1023.98px){.sidebar-nav{opacity:1;pointer-events:auto;padding-right:0;transform:translateZ(0)}}.sidebar-edge-toggle{background:var(--color-surface);border:1px solid var(--color-border-light);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;z-index:3;opacity:0;transition:opacity .18s ease,background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.dashboard__sidebar:hover .sidebar-edge-toggle,.sidebar-edge-toggle:focus-visible{opacity:1}.sidebar-edge-toggle:hover{background:var(--color-surface-hover);color:var(--color-text);box-shadow:var(--shadow-sm)}.sidebar-edge-toggle--collapsed{opacity:1}.sidebar-edge-toggle--collapsed svg{transform:rotate(180deg)}@media (width<=1023.98px){.sidebar-edge-toggle{display:none}}.dashboard__sidebar-resize-handle{top:var(--space-3);right:-8px;bottom:var(--space-3);cursor:col-resize;opacity:0;pointer-events:none;z-index:2;will-change:opacity;background:0 0;border:none;width:14px;padding:0;transition:opacity .18s;position:absolute}.dashboard__sidebar-resize-handle:before{content:"";border-radius:var(--radius-full);background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 12%,transparent),color-mix(in srgb,var(--color-primary) 55%,transparent),color-mix(in srgb,var(--color-primary) 12%,transparent));width:3px;height:84px;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 12%,transparent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dashboard__sidebar--dragging .dashboard__sidebar-resize-handle,.dashboard__sidebar:hover .dashboard__sidebar-resize-handle{opacity:1;pointer-events:auto}@media (width<=1023.98px){.dashboard__sidebar-resize-handle{display:none}}.sidebar-nav__top-level{gap:var(--space-0-5);margin-bottom:var(--space-2);flex-direction:column;display:flex}.sidebar-nav__section{margin-bottom:var(--space-1)}.sidebar-nav__section-toggle{align-items:center;gap:var(--space-1-5);width:100%;padding:var(--space-1-5) var(--space-2);color:var(--color-text-muted);border-radius:var(--radius-lg);cursor:default;transition:background-color var(--transition-fast),color var(--transition-fast);background:0 0;border:none;display:flex}.sidebar-nav__section-toggle:not(:disabled){cursor:pointer}.sidebar-nav__section-toggle:not(:disabled):hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar-nav__section-toggle:disabled{opacity:1}.sidebar-nav__section-toggle--active{color:var(--color-text-secondary)}.dashboard__sidebar--collapsed .sidebar-nav__section-toggle{width:40px;padding:var(--space-1-5);justify-content:center;margin:0 auto}.sidebar-nav__section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dashboard__sidebar--collapsed .sidebar-nav__section-label{display:none}.sidebar-nav__section-chevron{transition:transform var(--transition-fast);margin-left:auto}.sidebar-nav__section-toggle--active .sidebar-nav__section-chevron{transform:rotate(180deg)}.dashboard__sidebar--collapsed .sidebar-nav__section-chevron{display:none}.sidebar-nav__section-list{gap:var(--space-0-5);margin-top:var(--space-0-5);margin-left:var(--space-3);padding-left:var(--space-2);border-left:1px solid var(--color-border-light);flex-direction:column;display:flex}.dashboard__sidebar--collapsed .sidebar-nav__section-list{border-left:none;margin-left:0;padding-left:0}.sidebar-nav__item{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-2);color:var(--color-text-secondary);border-radius:var(--radius-lg);white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast);display:flex;position:relative}.sidebar-nav__item:hover{background:var(--color-surface-hover);color:var(--color-text);opacity:1}.sidebar-nav__item--active{background:var(--color-primary);color:#fff}.sidebar-nav__item--active:hover{background:var(--color-primary-hover);color:#fff}.dashboard__sidebar--collapsed .sidebar-nav__item{padding:var(--space-1-5);justify-content:center;width:40px;margin:0 auto}.sidebar-nav__item--top-level{margin-bottom:0}.sidebar-nav__icon{flex-shrink:0;width:20px;height:20px}.sidebar-nav__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.dashboard__sidebar--collapsed .sidebar-nav__label{opacity:0;width:0;min-width:0;height:0;overflow:hidden}.sidebar-nav__badge{min-width:20px;height:20px;padding:0 var(--space-1-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-text-secondary);background:var(--color-surface-sunken,var(--color-border));border-radius:var(--radius-full);justify-content:center;align-items:center;margin-left:auto;line-height:1;display:inline-flex}.sidebar-nav__link--active .sidebar-nav__badge{color:#fff;background:#ffffff38}.dashboard__sidebar--collapsed .sidebar-nav__badge{opacity:0;width:0;overflow:hidden}.sidebar-nav__status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto}.sidebar-nav__status-dot--ok{background-color:var(--color-success)}.sidebar-nav__status-dot--error{background-color:var(--color-error)}.dashboard__sidebar--collapsed .sidebar-nav__status-dot{width:6px;height:6px;margin-left:0;position:absolute;top:8px;right:8px}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}@media (width<=639.98px){.page-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}}.page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}@media (width<=639.98px){.page-header__title{font-size:var(--font-size-xl)}}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.page-header__actions{gap:var(--space-3);display:flex}.ws-badge{align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--color-surface-elevated);border:1px solid var(--color-border-light);color:var(--color-text-secondary);transition:all var(--transition-fast);display:inline-flex}.ws-badge__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.ws-badge__text{white-space:nowrap}.ws-badge__count{padding:0 var(--space-1);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;text-align:center;background:#ffffff26;min-width:18px}.ws-badge--clickable{cursor:pointer;text-decoration:none}.ws-badge--clickable:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ws-badge--connected{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-subtle)}.ws-badge--connected .ws-badge__dot{background:var(--color-success)}.ws-badge--connected .ws-badge__count,.ws-badge--connected:hover{background:#22c55e33}.ws-badge--connecting{color:var(--color-warning);border-color:var(--color-warning);background:var(--color-warning-subtle)}.ws-badge--connecting .ws-badge__dot{background:var(--color-warning);animation:1.5s ease-in-out infinite ws-pulse}.ws-badge--disconnected{color:var(--color-error);border-color:var(--color-error);background:var(--color-error-subtle)}.ws-badge--disconnected .ws-badge__dot{background:var(--color-error)}@keyframes ws-pulse{0%,to{opacity:1}50%{opacity:.4}}.user-menu-trigger__status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.user-menu-trigger__status-dot--connected{background:var(--color-success)}.user-menu-trigger__status-dot--connecting{background:var(--color-warning);animation:1.5s ease-in-out infinite ws-pulse}.user-menu-trigger__status-dot--disconnected{background:var(--color-error)}.content-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.content-grid--lg{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.content-grid--sm{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (width<=639.98px){.content-grid{grid-template-columns:1fr}}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1023.98px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=639.98px){.stats-grid{grid-template-columns:1fr}}@media (width<=1023.98px){.video-detail-split{flex-direction:column!important}.video-detail-split .video-detail-split__player,.video-detail-split .video-detail-split__sidebar{width:100%!important;min-width:0!important;max-width:none!important}}.page-enter-active,.page-leave-active{transition:opacity .12s cubic-bezier(.22,1,.36,1)}.page-enter-from,.page-leave-to{opacity:0}.layout-fade-enter-active,.layout-fade-leave-active{transition:opacity .17s cubic-bezier(.22,1,.36,1)}.layout-fade-enter-from,.layout-fade-leave-to{opacity:0}.slide-down-enter-active,.slide-down-leave-active{transition:max-height var(--transition-slow),opacity var(--transition-base);overflow:hidden}.slide-down-enter-from,.slide-down-leave-to{opacity:0;max-height:0}.slide-down-enter-to,.slide-down-leave-from{opacity:1;max-height:500px}.grid-item-enter-active{transition:opacity .2s,transform .2s}.grid-item-leave-active{transition:opacity .15s,transform .15s}.grid-item-enter-from{opacity:0;transform:translateY(8px)}.grid-item-leave-to{opacity:0;transform:translateY(-4px)}.toast-enter-active{transition:opacity .2s,transform .2s}.toast-leave-active{transition:opacity .15s,transform .15s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(100%)}.toast-move{transition:transform .2s}.fade-scale-enter-active,.fade-scale-leave-active{transform-origin:top;transition:opacity .15s,transform .15s}.fade-scale-enter-from,.fade-scale-leave-to{opacity:0;transform:scale(.95)translateY(-4px)}@keyframes auth-page-fade-in{0%{opacity:0}to{opacity:1}}.auth{--auth-login-reveal-duration:1.68s;--auth-login-reveal-ease:cubic-bezier(.16, 1, .3, 1);--auth-login-fade-duration:.32s;min-height:100vh;transition:opacity var(--auth-login-fade-duration) cubic-bezier(.33,1,.68,1);will-change:opacity;animation:.65s cubic-bezier(.33,1,.68,1) both auth-page-fade-in;display:flex;position:relative;overflow:hidden}.auth__sidebar{min-width:0;padding:var(--space-12);opacity:1;transition:opacity var(--auth-login-reveal-duration) var(--auth-login-reveal-ease),transform var(--auth-login-reveal-duration) var(--auth-login-reveal-ease);background:linear-gradient(160deg,#0b1221,#111827 55%,#020617);flex:1;order:2;display:none;position:relative;transform:translate(0)}@media (width>=1024px){.auth__sidebar{flex-direction:column;flex:0 0 50%;justify-content:center;align-items:center;width:50%;max-width:50%;display:flex}}.auth__sidebar-content{width:min(100%,560px);max-width:560px;transition:max-width var(--auth-login-reveal-duration) var(--auth-login-reveal-ease),transform var(--auth-login-reveal-duration) var(--auth-login-reveal-ease);margin-inline:auto}@media (width>=1024px){.auth__sidebar-content{transform:translate(-6%)}}.auth__sidebar-logo{border-radius:var(--radius-lg);color:#38bdf8;background:linear-gradient(135deg,#38bdf826,#6366f11f);border:1px solid #38bdf838;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 4px 12px #0003,0 0 20px #38bdf814}.auth__sidebar-title{align-items:center;gap:var(--space-3);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:#f8fafc;margin-bottom:var(--space-4);display:flex}.auth__sidebar-text,.auth__sidebar-title{opacity:1;transition:opacity var(--auth-login-reveal-duration) var(--auth-login-reveal-ease),transform var(--auth-login-reveal-duration) var(--auth-login-reveal-ease);transform:translate(0)}.auth__sidebar-text{font-size:var(--font-size-lg);color:#e2e8f0e6;line-height:var(--line-height-relaxed)}.auth__main{min-width:0;padding:var(--space-8);transition:transform var(--auth-login-reveal-duration) var(--auth-login-reveal-ease),opacity var(--auth-login-reveal-duration) var(--auth-login-reveal-ease),filter var(--auth-login-reveal-duration) var(--auth-login-reveal-ease);will-change:transform,opacity;background:radial-gradient(1000px 520px at 12% 8%,#38bdf833,#0000 62%),linear-gradient(145deg,#0f1c34,#12213f 42%,#0f172a);flex:1;order:1;justify-content:center;align-items:center;display:flex;position:relative}@media (width>=1024px){.auth__main{flex:0 0 50%;width:50%;max-width:50%}}.auth__slot{z-index:1;width:100%;max-width:420px;transition:opacity .22s cubic-bezier(.33,1,.68,1),transform .22s cubic-bezier(.33,1,.68,1)}.auth__card{border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a8c;border:1px solid #ffffff0f;box-shadow:0 8px 32px #00000040,0 2px 8px #0000001f}.auth__logo{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);font-size:var(--font-size-xl);display:flex}.auth__logo,.auth__title{font-weight:var(--font-weight-bold)}.auth__title{font-size:var(--font-size-2xl);text-align:center;margin-bottom:var(--space-2)}.auth__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-8)}.auth__form{flex-direction:column}.auth__divider,.auth__form{gap:var(--space-4);display:flex}.auth__divider{margin:var(--space-6) 0;color:var(--color-text-muted);font-size:var(--font-size-sm);align-items:center}.auth__divider:after,.auth__divider:before{content:"";background:var(--color-border);flex:1;height:1px}.auth__footer{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth__footer a{color:var(--color-primary);font-weight:var(--font-weight-medium)}.auth__footer a:hover{text-decoration:underline}.auth__error{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--color-primary) 44%,#7dd3fc80);border-radius:var(--radius-lg);color:#dbeafef5;font-size:var(--font-size-sm);margin-bottom:var(--space-4);background:linear-gradient(120deg,#2563eb2e,#0ea5e91f),#0f172a75;line-height:1.45;display:flex;box-shadow:0 10px 24px #0206172e,inset 0 1px #ffffff14}.auth__error:before{content:"i";border-radius:var(--radius-full);width:18px;height:18px;font-size:11px;font-weight:var(--font-weight-bold);color:#e0f2fe;background:color-mix(in srgb,var(--color-primary) 42%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 55%,transparent);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}@media (width>=1024px){.auth--sidebar-exit.auth--login-flipped:before{clip-path:inset(0)}.auth--sidebar-exit.auth--login-flipped .auth__sidebar-text,.auth--sidebar-exit.auth--login-flipped .auth__sidebar-title{transition-delay:80ms}.auth--sidebar-exit.auth--login-flipped .auth__main{pointer-events:none;opacity:0;filter:none}.auth--login-flipped:before{content:"";z-index:0;pointer-events:none;clip-path:inset(0 50% 0 0);transition:clip-path var(--auth-login-reveal-duration) var(--auth-login-reveal-ease);will-change:clip-path;background:linear-gradient(160deg,#0b1221,#111827 55%,#020617);position:absolute;inset:0}.auth--login-flipped .auth__sidebar{z-index:1;background:0 0;order:1}.auth--login-flipped .auth__main{z-index:2;opacity:1;filter:blur();flex:none;order:2;width:50%;min-width:0;max-width:50%;position:absolute;inset:0 0 0 auto;transform:translate(0)}}.auth--fade-out{opacity:0;pointer-events:none}.auth--text-pre-fade .auth__sidebar-logo,.auth--text-pre-fade .auth__sidebar-text,.auth--text-pre-fade .auth__sidebar-title{opacity:0;transform:none}.auth .input{background-color:var(--color-surface);border-color:var(--color-border-light);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 2px 6px #00000026}.auth .input:hover:not(:disabled){border-color:var(--color-border)}.auth .input:focus{box-shadow:0 2px 6px #00000026,0 0 0 3px #3b82f61f}.auth .btn--primary{box-shadow:0 2px 8px #0003,0 0 16px #3b82f61a}.auth .btn--primary:hover:not(:disabled){box-shadow:0 4px 14px #00000040,0 0 20px #3b82f626}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.ml-auto{margin-left:auto}.mr-auto,.mx-auto{margin-right:auto}.mx-auto{margin-left:auto}.p-0{padding:0}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.bg-surface{background-color:var(--color-surface)}.bg-elevated{background-color:var(--color-surface-elevated)}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-2);z-index:var(--z-toast,800);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);opacity:0;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s;position:absolute;transform:translateY(-150%)}.skip-link:focus,.skip-link:focus-visible{opacity:1;outline-offset:2px;outline:2px solid #fff;transform:translateY(0)}.full-page-loader[data-v-1f05729a]{z-index:var(--z-full-page-loader);padding:var(--space-6);background:var(--color-background);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.full-page-loader__orb[data-v-1f05729a]{filter:blur(80px);pointer-events:none;will-change:transform,opacity;border-radius:50%;position:absolute}.full-page-loader__orb--1[data-v-1f05729a]{background:radial-gradient(circle,#3b82f62e,#0000 70%);width:600px;height:400px;animation:8s ease-in-out infinite fpl-drift-1-1f05729a;top:-8%;left:-6%}.full-page-loader__orb--2[data-v-1f05729a]{background:radial-gradient(circle,#6366f124,#0000 70%);width:500px;height:350px;animation:10s ease-in-out infinite fpl-drift-2-1f05729a;bottom:-10%;right:-8%}.full-page-loader__content[data-v-1f05729a]{align-items:center;gap:var(--space-4);flex-direction:column;animation:.6s cubic-bezier(.16,1,.3,1) both fpl-content-enter-1f05729a;display:flex;position:relative}.full-page-loader__logo[data-v-1f05729a]{border-radius:var(--radius-xl);color:#38bdf8;width:64px;height:64px;margin-bottom:var(--space-1);background:linear-gradient(135deg,#38bdf81f,#6366f11a);border:1px solid #38bdf82e;justify-content:center;align-items:center;animation:3s ease-in-out infinite fpl-logo-pulse-1f05729a;display:flex}.full-page-loader__title[data-v-1f05729a]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:center;letter-spacing:-.01em;margin:0}.full-page-loader__progress[data-v-1f05729a]{background:var(--color-border-light);border-radius:1px;width:180px;height:2px;overflow:hidden}.full-page-loader__progress-bar[data-v-1f05729a]{background:linear-gradient(90deg,var(--color-primary),#818cf8);border-radius:1px;width:40%;height:100%;animation:1.8s ease-in-out infinite fpl-shimmer-1f05729a}.full-page-loader__message[data-v-1f05729a]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;color:var(--color-text-muted);margin:0;transition:opacity .2s}.full-page-loader-enter-active[data-v-1f05729a]{transition:opacity .32s}.full-page-loader-leave-active[data-v-1f05729a]{transition:opacity .26s}.full-page-loader-enter-from[data-v-1f05729a],.full-page-loader-leave-to[data-v-1f05729a]{opacity:0}.full-page-loader-leave-to .full-page-loader__content[data-v-1f05729a]{opacity:0;transition:transform .26s,opacity .26s;animation:none;transform:scale(.97)}@keyframes fpl-content-enter-1f05729a{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fpl-logo-pulse-1f05729a{0%,to{box-shadow:0 0 #38bdf81f,0 0 20px #38bdf80f}50%{box-shadow:0 0 0 8px #38bdf800,0 0 30px #38bdf81a}}@keyframes fpl-shimmer-1f05729a{0%{transform:translate(-160%)}to{transform:translate(500%)}}@keyframes fpl-drift-1-1f05729a{0%,to{opacity:.7;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(40px,20px)scale(1.08)}}@keyframes fpl-drift-2-1f05729a{0%,to{opacity:.6;transform:translate(0)scale(1)}50%{opacity:.9;transform:translate(-30px,-15px)scale(1.05)}}@media (prefers-reduced-motion:reduce){.full-page-loader-enter-active[data-v-1f05729a],.full-page-loader-leave-active[data-v-1f05729a]{transition-duration:1ms}.full-page-loader__content[data-v-1f05729a],.full-page-loader__logo[data-v-1f05729a],.full-page-loader__orb[data-v-1f05729a],.full-page-loader__progress-bar[data-v-1f05729a]{animation:none!important}.full-page-loader__progress-bar[data-v-1f05729a]{opacity:.5;width:100%}}:root[data-theme=light] .full-page-loader__orb--1[data-v-1f05729a]{background:radial-gradient(circle,#2563eb1a,#0000 70%)}:root[data-theme=light] .full-page-loader__orb--2[data-v-1f05729a]{background:radial-gradient(circle,#6366f114,#0000 70%)}:root[data-theme=light] .full-page-loader__logo[data-v-1f05729a]{color:var(--color-primary);background:linear-gradient(135deg,#2563eb14,#6366f10f);border-color:#2563eb26}.error-page[data-v-9d3039a3]{min-height:100vh;padding:var(--space-8);color:var(--color-text);background:linear-gradient(145deg,#0f1c34,#12213f 42%,#0f172a);justify-content:center;align-items:center;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.error-page__content[data-v-9d3039a3]{text-align:center;max-width:480px}.error-page__icon[data-v-9d3039a3]{width:96px;height:96px;margin-bottom:var(--space-6);border-radius:var(--radius-full);color:var(--color-primary);background:#3b82f614;border:1px solid #3b82f626;justify-content:center;align-items:center;display:inline-flex}.error-page__status[data-v-9d3039a3]{margin-bottom:var(--space-2);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#60a5fa,#818cf8);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;line-height:1}.error-page__title[data-v-9d3039a3]{color:#f1f5f9;margin-bottom:var(--space-3);font-size:1.5rem;font-weight:600}.error-page__description[data-v-9d3039a3]{color:#94a3b8;margin-bottom:var(--space-8);font-size:1rem;line-height:1.6}.error-page__action[data-v-9d3039a3]{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);color:#fff;background-color:var(--color-primary,#3b82f6);border-radius:var(--radius-lg,8px);cursor:pointer;border:none;font-size:.9375rem;font-weight:500;transition:background-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 8px #0003,0 0 16px #3b82f61a}.error-page__action[data-v-9d3039a3]:hover{background-color:#2563eb;box-shadow:0 4px 14px #00000040,0 0 20px #3b82f626}.error-page__action[data-v-9d3039a3]:focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}
