@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.svg-icon[data-v-4ac7717a]{vertical-align:middle;flex-shrink:0;display:inline-block}.dialog-overlay[data-v-1e567b1e]{background:var(--overlay-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);z-index:9999;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-container[data-v-1e567b1e]{background:var(--bg-primary,#fff);border-radius:var(--radius-xl,16px);width:100%;max-width:420px;padding:var(--space-6,24px);text-align:center;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.dialog-icon[data-v-1e567b1e]{width:64px;height:64px;margin:0 auto var(--space-4,16px);border-radius:50%;justify-content:center;align-items:center;display:flex}.dialog-icon.type-warning[data-v-1e567b1e]{color:#d97706;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.dialog-icon.type-danger[data-v-1e567b1e]{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.dialog-icon.type-info[data-v-1e567b1e]{color:#2563eb;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.dialog-icon.type-success[data-v-1e567b1e]{color:#059669;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.dialog-title[data-v-1e567b1e]{color:var(--text-primary,#1f2937);margin:0 0 var(--space-3,12px);font-size:1.25rem;font-weight:600}.dialog-content[data-v-1e567b1e]{color:var(--text-secondary,#6b7280);margin-bottom:var(--space-6,24px);text-align:left;font-size:.9375rem;line-height:1.6}.dialog-content p[data-v-1e567b1e]{padding:var(--space-1,4px)0;text-align:center;margin:0}.dialog-content p[data-v-1e567b1e]:first-child{padding-top:0}.dialog-content p[data-v-1e567b1e]:last-child{padding-bottom:0}.dialog-content[data-v-1e567b1e] ol,.dialog-content[data-v-1e567b1e] ul{margin:var(--space-2,8px)0;padding-left:var(--space-5,20px)}.dialog-content[data-v-1e567b1e] li{margin:var(--space-1,4px)0}.dialog-content[data-v-1e567b1e] strong{font-weight:600}.dialog-actions[data-v-1e567b1e]{gap:var(--space-3,12px);display:flex}.dialog-actions.single-button[data-v-1e567b1e]{justify-content:center}.dialog-btn[data-v-1e567b1e]{padding:var(--space-3,12px)var(--space-4,16px);border-radius:var(--radius-lg,12px);cursor:pointer;border:none;flex:1;font-size:.9375rem;font-weight:500;transition:all .2s}.dialog-btn.full-width[data-v-1e567b1e]{flex:none;min-width:160px}.dialog-btn-cancel[data-v-1e567b1e]{background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary,#6b7280)}.dialog-btn-cancel[data-v-1e567b1e]:hover{background:var(--bg-tertiary,#e5e7eb);color:var(--text-primary,#1f2937)}.dialog-btn-confirm[data-v-1e567b1e]{color:#fff}.dialog-btn-confirm.type-warning[data-v-1e567b1e]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.dialog-btn-confirm.type-warning[data-v-1e567b1e]:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-1px);box-shadow:0 4px 12px #d9770666}.dialog-btn-confirm.type-danger[data-v-1e567b1e]{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.dialog-btn-confirm.type-danger[data-v-1e567b1e]:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.dialog-btn-confirm.type-info[data-v-1e567b1e]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.dialog-btn-confirm.type-info[data-v-1e567b1e]:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.dialog-btn-confirm.type-success[data-v-1e567b1e]{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.dialog-btn-confirm.type-success[data-v-1e567b1e]:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 12px #05966966}.dialog-fade-enter-active[data-v-1e567b1e],.dialog-fade-leave-active[data-v-1e567b1e]{transition:opacity .25s}.dialog-fade-enter-from[data-v-1e567b1e],.dialog-fade-leave-to[data-v-1e567b1e]{opacity:0}.dialog-scale-enter-active[data-v-1e567b1e]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.dialog-scale-leave-active[data-v-1e567b1e]{transition:all .2s}.dialog-scale-enter-from[data-v-1e567b1e]{opacity:0;transform:scale(.9)translateY(20px)}.dialog-scale-leave-to[data-v-1e567b1e]{opacity:0;transform:scale(.95)}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--primary:#3b82f6;--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-light:#3b82f61a;--secondary-400:#22d3ee;--secondary-500:#06b6d4;--secondary-600:#0891b2;--accent-color:#6366f1;--accent-color-hover:#4f46e5;--accent-color-10:#6366f11a;--accent-400:#818cf8;--accent-500:#6366f1;--accent-600:#4f46e5;--success-50:#ecfdf5;--success-400:#34d399;--success-500:#10b981;--success-600:#059669;--success:#10b981;--success-color:#10b981;--success-color-10:#10b9811a;--warning-50:#fffbeb;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning:#f59e0b;--warning-color:#f59e0b;--danger-50:#fef2f2;--danger-400:#f87171;--danger-500:#ef4444;--danger-600:#dc2626;--danger:#ef4444;--danger-color:#ef4444;--error-color:#ef4444;--info-50:#eff6ff;--info-400:#60a5fa;--info-500:#3b82f6;--info-600:#2563eb;--info:#3b82f6;--info-color:#3b82f6;--neutral-50:#f9fafb;--neutral-100:#f3f4f6;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--neutral-400:#9ca3af;--neutral-500:#6b7280;--neutral-600:#4b5563;--neutral-700:#374151;--neutral-800:#1f2937;--neutral-900:#111827;--neutral-950:#030712;--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-tertiary:#f9fafb;--bg-elevated:#fffffffa;--bg-hover:#f3f4f6;--bg-active:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-muted:#9ca3af;--text-inverse:#fff;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--border-focus:#3b82f6;--border-color:#e5e7eb;--gradient-primary:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);--gradient-secondary:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);--gradient-accent:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);--gradient-light:linear-gradient(180deg,#fff 0%,#f9fafb 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000a;--shadow-card:0 1px 3px #00000014,0 1px 2px #0000000f;--shadow-dropdown:0 4px 12px #0000001a;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--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;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-modal:9999;--z-toast:10000;--z-tooltip:10001;--overlay-bg:#00000080;--backdrop-blur:blur(8px);--sidebar-width:260px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}#app{min-height:100vh}a{color:var(--primary-500);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-600)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}::selection{background:var(--primary-500);color:#fff}input[type=password]::-ms-reveal{display:none!important}input[type=password]::-ms-clear{display:none!important}input[type=password]::-webkit-credentials-auto-fill-button{display:none!important}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-slide-down{animation:slideDown var(--transition-slow)ease-out}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-500);border-color:var(--primary-500);color:#fff!important}.btn-primary:hover:not(:disabled),.btn-primary:focus:not(:disabled){background:var(--primary-600);border-color:var(--primary-600);color:#fff!important}.btn-primary:active:not(:disabled){background:var(--primary-700);border-color:var(--primary-700);color:#fff!important}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled),.btn-secondary:focus:not(:disabled){background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary)}.btn-secondary:active:not(:disabled){background:var(--bg-active)}.btn-danger,.btn-secondary.btn-danger{background:var(--danger-500)!important;color:#fff!important;border-color:var(--danger-500)!important}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled),.btn-ghost:focus:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-ghost:active:not(:disabled){background:var(--bg-active)}.btn-danger:hover:not(:disabled),.btn-danger:focus:not(:disabled),.btn-secondary.btn-danger:hover:not(:disabled),.btn-secondary.btn-danger:focus:not(:disabled){background:var(--danger-600)!important;border-color:var(--danger-600)!important;color:#fff!important}.btn-danger:active:not(:disabled),.btn-secondary.btn-danger:active:not(:disabled){background:var(--danger-700)!important;border-color:var(--danger-700)!important;color:#fff!important}.btn-danger:disabled,.btn-secondary.btn-danger:disabled{background:var(--bg-tertiary)!important;border-color:var(--border-primary)!important;color:var(--text-secondary)!important;opacity:1!important}.btn-success{background:var(--success-500);border-color:var(--success-500);color:#fff!important}.btn-success:hover:not(:disabled),.btn-success:focus:not(:disabled){background:var(--success-600);border-color:var(--success-600);color:#fff!important}.btn-success:active:not(:disabled){background:var(--success-700);border-color:var(--success-700);color:#fff!important}.btn-lg{padding:var(--space-3)var(--space-6);font-size:var(--text-base)}.btn-block{width:100%}.form-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.form-label.required:after{content:" *";color:var(--danger-400)}.form-input,.input{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-family:inherit;line-height:1.5}.form-input:hover,.input:hover{border-color:var(--border-secondary)}.form-input:focus,.input:focus{border-color:var(--primary-500);background:var(--bg-secondary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder,.input::placeholder{color:var(--text-tertiary)}.form-input:disabled,.input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-tertiary)}.form-textarea,.textarea{resize:vertical;min-height:100px;line-height:1.6}.form-select,select.input{appearance:none;background-color:var(--bg-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-10);cursor:pointer;background-size:1.25rem}.form-select:focus,select.input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-select option,select.input option{background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-2)}.form-row{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.form-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-primary);display:flex}.input-group{align-items:stretch;display:flex}.input-group .input{border-radius:0}.input-group .input:first-child{border-radius:var(--radius-lg)0 0 var(--radius-lg)}.input-group .input:last-child{border-radius:0 var(--radius-lg)var(--radius-lg)0}.input-addon{padding:0 var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--text-sm);align-items:center;display:flex}.input-addon:first-child{border-radius:var(--radius-lg)0 0 var(--radius-lg);border-right:none}.input-addon:last-child{border-radius:0 var(--radius-lg)var(--radius-lg)0;border-left:none}.form-check{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.form-check input[type=checkbox],.form-check input[type=radio]{width:18px;height:18px;accent-color:var(--primary-500);cursor:pointer}.form-check-label{font-size:var(--text-sm);color:var(--text-primary);-webkit-user-select:none;user-select:none}.form-switch{cursor:pointer;align-items:center;display:inline-flex;position:relative}.form-switch input{opacity:0;width:0;height:0;position:absolute}.form-switch-slider{background:var(--neutral-300);border-radius:var(--radius-full);width:44px;height:24px;transition:all var(--transition-fast);position:relative}.form-switch-slider:before{content:"";width:20px;height:20px;transition:all var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.form-switch input:checked+.form-switch-slider{background:var(--primary-500)}.form-switch input:checked+.form-switch-slider:before{transform:translate(20px)}.input-sm{padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}.input-lg{padding:var(--space-4)var(--space-5);font-size:var(--text-base)}.input-error,.input.error{border-color:var(--danger-500)}.input-error:focus,.input.error:focus{border-color:var(--danger-500);box-shadow:0 0 0 3px #ef444426}.input-success,.input.success{border-color:var(--success-500)}.input-success:focus,.input.success:focus{border-color:var(--success-500);box-shadow:0 0 0 3px #10b98126}.form-error{font-size:var(--text-xs);color:var(--danger-400);margin-top:var(--space-1);align-items:center;gap:var(--space-1);display:flex}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden}.card-header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.header-right{align-items:center;gap:var(--space-3);display:flex}.list-header-actions{align-items:center;gap:var(--space-2);display:flex}.card-title{align-items:center;gap:var(--space-2);font-size:var(--text-lg);color:var(--text-primary,#1f2937);font-weight:600;display:flex}.card-title svg,.card-title .svg-icon{color:var(--text-secondary,#6b7280);flex-shrink:0}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--space-3)var(--space-4);text-align:left;border-bottom:1px solid var(--border-primary)}.table th{font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-tertiary);font-weight:500}.table td{font-size:var(--text-sm);color:var(--text-primary)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-hover)}.badge{padding:var(--space-1)var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:capitalize;align-items:center;font-weight:500;display:inline-flex}.badge-success{background:var(--success-50);color:var(--success-600)}.badge-warning{background:var(--warning-50);color:var(--warning-600)}.badge-danger{background:var(--danger-50);color:var(--danger-600)}.badge-info{background:var(--info-50);color:var(--info-600)}.badge-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.spinner-sm{border-width:2px;width:14px;height:14px}.btn .spinner,.btn .spinner-sm{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin}.btn .spinner+*,.btn .spinner-sm+*{margin-left:var(--space-2)}.spinner-lg{border-width:3px;width:32px;height:32px}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.success{background:var(--success-500);box-shadow:0 0 8px var(--success-500)}.status-dot.warning{background:var(--warning-500);box-shadow:0 0 8px var(--warning-500)}.status-dot.danger{background:var(--danger-500);box-shadow:0 0 8px var(--danger-500)}.status-dot.pulse{animation:2s ease-in-out infinite pulse}.empty-state{padding:var(--space-16);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:80px;height:80px;margin-bottom:var(--space-6);color:var(--text-tertiary);opacity:.5}.empty-state-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.empty-state-text{font-size:var(--text-sm);color:var(--text-secondary);max-width:300px}.loading-state{padding:var(--space-16);justify-content:center;align-items:center;gap:var(--space-4);color:var(--text-secondary);flex-direction:column;display:flex}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.modal{background:var(--bg-primary);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:500px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600}.modal-close{cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:24px;line-height:1}.modal-body{padding:var(--space-5);overflow-y:auto}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4)var(--space-5);border-top:1px solid var(--border-primary);display:flex}.btn-outline{color:var(--primary-500);border-color:var(--primary-500);background:0 0}.btn-outline:hover:not(:disabled){background:var(--primary-50);color:var(--primary-600)}.btn-warning{background:var(--warning-500);border-color:var(--warning-500);color:#fff!important}.btn-warning:hover:not(:disabled){background:var(--warning-600);border-color:var(--warning-600)}.btn-xs{padding:var(--space-1)var(--space-2);font-size:10px}.alert{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5;display:flex}.alert-info{background:var(--info-bg,#e0f2fe);border:1px solid var(--info-border,#7dd3fc);color:var(--info-text,#0369a1)}.alert-warning{background:var(--warning-bg,#fef3c7);border:1px solid var(--warning-border,#fbbf24);color:var(--warning-text,#d97706)}.alert-danger{color:var(--danger);background:#ef44441a;border:1px solid #ef44444d}.alert-success{color:var(--success);background:#22c55e1a;border:1px solid #22c55e4d}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary,.text-muted{color:var(--text-tertiary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.app-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-elevated,#fff)!important;border:1px solid var(--border-primary,#e5e7eb)!important;border-radius:var(--radius-xl,16px)!important;box-shadow:var(--shadow-lg,0 10px 25px -5px #0000001a)!important;padding:var(--space-3,12px)var(--space-4,16px)!important;z-index:10000!important;border-left:3px solid var(--primary-500,#3b82f6)!important}.app-message .el-message__content{font-size:var(--text-sm,14px);color:var(--text-primary,#1f2937)!important}.app-message .el-message__icon{font-size:18px}.app-message .el-message__closeBtn{color:var(--text-tertiary,#9ca3af)}.app-message .el-message__closeBtn:hover{color:var(--text-secondary,#6b7280)}.app-message--success{border-left-color:var(--success-500,#10b981)!important}.app-message--success .el-message__icon{color:var(--success-500,#10b981)!important}.app-message--error{border-left-color:var(--danger-500,#ef4444)!important}.app-message--error .el-message__icon{color:var(--danger-500,#ef4444)!important}.app-message--warning{border-left-color:var(--warning-500,#f59e0b)!important}.app-message--warning .el-message__icon{color:var(--warning-500,#f59e0b)!important}.app-message--info{border-left-color:var(--info-500,#3b82f6)!important}.app-message--info .el-message__icon{color:var(--info-500,#3b82f6)!important}input[type=range]{appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary-500);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 3px #0003}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px #00000040}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #3b82f633}input[type=range]::-moz-range-thumb{background:var(--primary-500);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;transition:transform .15s}input[type=range]::-moz-range-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-track{background:var(--bg-tertiary);border-radius:3px;height:6px}input[type=range]:disabled{opacity:.5;cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg,var(--bg-secondary));color:var(--sidebar-text,var(--text-primary));border-right:1px solid var(--sidebar-border,var(--border-primary));z-index:var(--z-sticky);box-shadow:var(--shadow-sm);flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s,color .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:64px}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .nav-group-header>span:not(.expand-icon):not(.nav-icon),.sidebar.collapsed .nav-group-items .nav-item .nav-item-text,.sidebar.collapsed .expand-icon,.sidebar.collapsed .service-status span:not(.status-dot){opacity:0;white-space:nowrap;width:0;transition:opacity .15s,width .15s;overflow:hidden}.sidebar.collapsed .nav-badge{display:none}.sidebar:not(.collapsed) .sidebar-logo-text,.sidebar:not(.collapsed) .nav-group-header span,.sidebar:not(.collapsed) .nav-group-items .nav-item .nav-item-text,.sidebar:not(.collapsed) .nav-badge,.sidebar:not(.collapsed) .service-status span{opacity:1;transition:opacity .2s .1s}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar.collapsed .sidebar-logo{justify-content:center;gap:0}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .nav-group-header{display:none}.sidebar.collapsed .sidebar-nav{padding:var(--space-2)0}.sidebar.collapsed .nav-group-items{flex-direction:column;align-items:center;margin-top:0;display:flex}.sidebar.collapsed .nav-group-items .nav-item{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:40px;height:40px;margin:2px 0;display:flex;gap:0!important;padding:0!important}.sidebar.collapsed .nav-group-items .nav-item .nav-item-icon{opacity:1;flex-shrink:0;margin:0}.sidebar.collapsed .sidebar-footer{padding:var(--space-4)}.sidebar.collapsed .service-status{justify-content:center}.sidebar.collapsed .nav-group{border-bottom:1px solid var(--border-primary);padding-bottom:var(--space-2);margin-bottom:var(--space-2)}.sidebar.collapsed .nav-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-header{height:var(--topbar-height);padding:0 var(--space-6);border-bottom:1px solid var(--sidebar-border,var(--border-primary));align-items:center;display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);display:flex}.sidebar-logo-icon{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-logo-text{font-size:var(--text-lg);color:var(--sidebar-text,var(--text-primary));font-weight:700}.sidebar-nav{padding:var(--space-4);scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);margin-bottom:var(--space-1);border-radius:var(--radius-lg);color:var(--sidebar-text-secondary,var(--text-secondary));font-size:var(--text-sm);transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--sidebar-hover,var(--bg-hover));color:var(--sidebar-text,var(--text-primary))}.nav-item.active{background:var(--sidebar-active-bg,var(--primary-50));color:var(--sidebar-active-text,var(--primary-600));font-weight:600}.nav-icon{text-align:center;width:24px;font-size:1.25rem}.sidebar-footer{padding:var(--space-4)var(--space-6);border-top:1px solid var(--sidebar-border,var(--border-primary))}.service-status{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--sidebar-text-secondary,var(--text-secondary));display:flex}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar-collapsed .main-content{margin-left:64px}.main-content>div{flex-direction:column;flex:1;min-height:0;display:flex}[class$=-page]:not(.list-page):not(.tags-page){overflow-y:auto}[class$=-page]:not(.list-page):not(.tags-page)>.content-area{flex:none}.topbar{height:var(--topbar-height);padding:0 var(--space-8);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);z-index:var(--z-sticky);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--space-6);display:flex;overflow:hidden}.topbar-search{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);flex:320px;min-width:120px;max-width:320px;display:flex}.topbar-search input{font-size:var(--text-sm);color:var(--text-primary);background:0 0;border:none;outline:none;width:100%}.topbar-search input::placeholder{color:var(--text-tertiary)}.topbar-title{font-size:var(--text-xl);color:var(--text-primary);font-weight:600}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.topbar-icon-btn{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.topbar-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-icon-btn.active{background:var(--bg-tertiary);color:var(--text-primary)}.user-menu{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast);display:flex}.user-menu:hover{background:var(--bg-hover)}.user-avatar{border-radius:var(--radius-full);object-fit:cover;width:36px;height:36px}.user-avatar-placeholder{border-radius:var(--radius-full);background:var(--gradient-primary);width:36px;height:36px;font-size:var(--text-sm);color:#fff;justify-content:center;align-items:center;font-weight:600;display:flex}.user-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.content-area{padding:var(--space-8);background:var(--bg-primary);flex:1;overflow-y:auto}.stats-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);align-items:center;gap:var(--space-5);transition:all var(--transition-fast);box-shadow:var(--shadow-card);display:flex}.stat-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-xl);justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.stat-card-primary .stat-icon{background:var(--primary-50);color:var(--primary-500)}.stat-card-success .stat-icon{background:var(--success-50);color:var(--success-500)}.stat-card-warning .stat-icon{background:var(--warning-50);color:var(--warning-500)}.stat-card-info .stat-icon{background:var(--info-50);color:var(--info-500)}.stat-content{flex:1}.stat-value{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700;line-height:1.2}.stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.pagination{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6)0;display:flex}.pagination-btn{padding:var(--space-2)var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--primary-500);border-color:var(--primary-500)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:var(--text-sm);color:var(--text-secondary)}body.professional-workbench-active .sidebar{display:none!important}body.professional-workbench-active .main-content{margin-left:0!important}body.professional-workbench-active .app-layout{display:block}.channel-filter-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;margin-bottom:16px;overflow:hidden}.channel-row{justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.channel-bar-left{scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:center;gap:20px;display:flex;overflow-x:auto}.channel-bar-left::-webkit-scrollbar{display:none}.channel-bar-right{flex-shrink:0}.lang-group{flex-shrink:0;align-items:center;gap:8px;display:flex}.lang-label{color:var(--text-tertiary);white-space:nowrap;font-size:13px}.channel-chips{gap:6px;display:flex}.channel-chip{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:13px;transition:all .15s;display:inline-flex}.channel-chip:hover{border-color:var(--primary-color,#6366f1)}.channel-chip.active{background:var(--primary-color,#6366f1);border-color:var(--primary-color,#6366f1);color:#fff}.channel-chip.active .chip-tag,.channel-chip.active .chip-avatar-placeholder{color:#fff;background:#fff3}.chip-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.chip-avatar-placeholder{background:var(--bg-secondary);width:24px;height:24px;color:var(--text-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chip-name{font-weight:500}.chip-tag{background:var(--bg-secondary);color:var(--text-tertiary);border-radius:3px;padding:1px 5px;font-size:10px}.filter-row{background:#00000005;border-top:1px solid #0000000a;align-items:center;gap:12px;padding:10px 16px;display:flex}.filter-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.filter-group.tag-group{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;overflow-x:auto}.filter-group.tag-group::-webkit-scrollbar{display:none}.filter-tag{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid;border-radius:12px;flex-shrink:0;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.filter-tag:hover:not(.disabled){opacity:.85}.filter-tag.active{box-shadow:0 2px 4px #00000026}.filter-tag.disabled{cursor:not-allowed;opacity:.5}.filter-divider{background:var(--border-color);flex-shrink:0;width:1px;height:20px}.content-count{color:var(--text-secondary);font-size:13px}.content-count strong{color:var(--primary-color,#6366f1);font-size:18px;font-weight:600}.cover-tags{flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:8px;left:8px;right:8px}.cover-tag{color:#fff;white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:500;box-shadow:0 1px 3px #0003}.no-channels{color:var(--text-tertiary);font-size:13px}.list-page{background:var(--bg-primary);flex-direction:column;flex:1;min-height:0;display:flex}.list-page .content-area{padding:var(--space-6);flex:1;min-height:0;display:block;overflow-y:auto}.card>.card-body:has(.list-data-table){scrollbar-width:thin;scrollbar-color:transparent transparent;padding-bottom:var(--space-2);transition:scrollbar-color .3s;overflow-x:auto}.card>.card-body:has(.list-data-table):hover{scrollbar-color:#9b9b9b80 transparent}.card>.card-body:has(.list-data-table)::-webkit-scrollbar{height:6px}.card>.card-body:has(.list-data-table)::-webkit-scrollbar-track{background:0 0}.card>.card-body:has(.list-data-table)::-webkit-scrollbar-thumb{background:0 0;border-radius:3px;transition:background .3s 3s}.card>.card-body:has(.list-data-table):hover::-webkit-scrollbar-thumb{background:#9b9b9b80;transition:background .1s}.card>.card-body:has(.list-data-table)::-webkit-scrollbar-thumb:hover{background:#9b9b9bcc}.card>.card-body>.list-pagination{background:var(--bg-secondary);position:sticky;left:0}.list-card-header{padding:var(--space-4);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.list-header-left{align-items:center;gap:var(--space-3);display:flex}.list-card-title{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600}.list-header-filters{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.list-filter-select{padding:var(--space-2)var(--space-3);font-size:var(--text-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2)center;padding-right:var(--space-8);cursor:pointer;transition:all var(--transition-fast);background-size:1rem}.list-filter-select:hover{border-color:var(--border-secondary)}.list-filter-select:focus{border-color:var(--primary-500);outline:none}.list-filter-search{padding:var(--space-2)var(--space-3);font-size:var(--text-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);min-width:200px;transition:all var(--transition-fast)}.list-filter-search::placeholder{color:var(--text-tertiary)}.list-filter-search:hover{border-color:var(--border-secondary)}.list-filter-search:focus{border-color:var(--primary-500);outline:none}.list-filter-reset{border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.list-filter-reset:hover{background:var(--bg-secondary);color:var(--text-primary)}.list-filter-refresh{border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.list-filter-refresh:hover{background:var(--bg-secondary);color:var(--text-primary)}.list-filter-refresh:disabled{cursor:not-allowed;opacity:.6}.list-filter-refresh .spinning{animation:1s linear infinite spin}.list-table-wrapper{margin:0 calc(var(--space-4)*-1);padding:0 var(--space-4);overflow-x:auto}.list-data-table{border-collapse:collapse;width:100%;min-width:1000px;margin-bottom:var(--space-2)}.list-data-table th,.list-data-table td{padding:var(--space-3)var(--space-4);text-align:left;border-bottom:1px solid var(--border-primary)}.list-data-table th{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.list-data-table tbody tr{transition:background var(--transition-fast)}.list-data-table tbody tr:hover{background:var(--bg-hover)}.list-content-info{align-items:center;gap:var(--space-3);display:flex}.list-content-cover{object-fit:cover;border-radius:var(--radius-md);background:var(--bg-tertiary);flex-shrink:0;width:48px;height:64px}.list-content-cover.placeholder{color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.list-content-meta{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.list-content-name{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:180px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.list-content-code{background:var(--primary-light);color:var(--primary);font-weight:500;font-size:var(--text-xs);border-radius:var(--radius-sm);white-space:nowrap;align-self:flex-start;align-items:center;padding:2px 6px;font-family:Monaco,Menlo,monospace;display:inline-flex}.list-content-subtitle{font-size:var(--text-xs);color:var(--text-secondary)}.list-level-badge{padding:var(--space-1)var(--space-2);font-size:var(--text-xs);color:#fff;border-radius:var(--radius-sm);background:#6b7280;font-weight:600;display:inline-block}.list-level-badge.level-s{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.list-level-badge.level-a{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.list-level-badge.level-b{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.list-level-badge.level-c{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.list-status-badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-md);font-weight:500;display:inline-flex}.list-status-badge.pending{background:var(--bg-tertiary);color:var(--text-secondary)}.list-status-badge.processing{color:#3b82f6;background:#3b82f626}.list-status-badge.processing .svg-icon{animation:1s linear infinite spin}.list-status-badge.completed,.list-status-badge.success{color:#10b981;background:#10b98126}.list-status-badge.failed,.list-status-badge.error{color:#ef4444;background:#ef444426}.list-status-badge.warning{color:#f59e0b;background:#f59e0b26}.list-status-badge.skipped{background:var(--bg-tertiary);color:var(--text-tertiary);text-decoration:line-through}.list-action-btn{justify-content:center;align-items:center;gap:var(--space-1);height:32px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;font-weight:500;text-decoration:none;display:inline-flex}.list-action-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.list-action-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--text-tertiary);border-color:var(--border-primary)}.list-action-btn.primary{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.list-action-btn.primary:hover:not(:disabled){background:var(--primary-600)}.list-action-btn.primary:disabled{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-tertiary)}.list-action-btn.danger{color:#ef4444;border-color:#ef44444d}.list-action-btn.danger:hover:not(:disabled){background:#ef44441a}.list-action-btn.danger:disabled{color:var(--text-tertiary);border-color:var(--border-primary);opacity:.6}.list-action-btn.icon-only{justify-content:center;width:32px;height:32px;padding:0}.list-action-group{align-items:center;gap:var(--space-1);display:flex}.list-dropdown{position:relative}.list-dropdown-toggle{border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.list-dropdown-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.list-dropdown-menu{margin-top:var(--space-1);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-lg);z-index:100;position:absolute;top:100%;right:0;overflow:hidden}.list-dropdown-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2)var(--space-3);font-size:var(--text-sm);text-align:left;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.list-dropdown-item:hover{background:var(--bg-secondary)}.list-dropdown-item.danger{color:#ef4444}.list-dropdown-item.danger:hover{background:#ef44441a}.list-pagination{padding:var(--space-4);border-top:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.list-pagination-left{align-items:center;gap:var(--space-3);display:flex}.list-pagination-total{font-size:var(--text-sm);color:var(--text-secondary)}.list-page-size-select{padding:var(--space-1)var(--space-2);font-size:var(--text-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary)}.list-pagination-right{align-items:center;gap:var(--space-2);display:flex}.list-page-btn{padding:var(--space-2)var(--space-3);font-size:var(--text-sm);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.list-page-btn:hover:not(:disabled){background:var(--bg-tertiary)}.list-page-btn:disabled{opacity:.5;cursor:not-allowed}.list-page-info{font-size:var(--text-sm);color:var(--text-secondary)}.list-loading-state{padding:var(--space-12)var(--space-4);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.list-loading-spinner{border:3px solid var(--border-primary);border-top-color:var(--primary-500);width:32px;height:32px;margin-bottom:var(--space-3);border-radius:50%;animation:1s linear infinite spin}.list-empty-state{padding:var(--space-12)var(--space-4);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.list-empty-icon{color:var(--text-tertiary);margin-bottom:var(--space-3)}.list-empty-title{font-size:var(--text-lg);color:var(--text-primary);margin-top:var(--space-4);font-weight:600}.list-empty-text{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.list-legend-bar{align-items:center;gap:var(--space-4);padding:var(--space-3)var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);margin:var(--space-3)var(--space-4);font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;display:flex}.list-legend-item{align-items:center;gap:var(--space-1);display:inline-flex}.list-legend-dot{border-radius:2px;width:8px;height:8px}.list-legend-dot.blue{background:#3b82f6}.list-legend-dot.orange{background:#f59e0b}.list-legend-dot.green{background:#10b981}.list-legend-dot.red{background:#ef4444}.list-legend-dot.gray{background:#9ca3af}.list-legend-divider{color:var(--border-primary)}.list-legend-icon{margin-right:var(--space-1)}.list-legend-icon.pending{color:var(--text-tertiary)}.list-legend-icon.processing{color:#3b82f6;animation:1s linear infinite spin}.list-legend-icon.completed{color:#10b981}.list-legend-icon.failed{color:#ef4444}.list-legend-icon.skipped{color:var(--text-tertiary)}.list-date-text{font-size:var(--text-sm);color:var(--text-secondary)}.list-date-warning{font-size:var(--text-sm);color:#f59e0b;font-weight:500}.list-date-expired{font-size:var(--text-sm);color:#ef4444;font-weight:500}.list-stats-row{gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.list-stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-align:center;cursor:pointer;height:56px;transition:all var(--transition-fast);flex-direction:column;flex:1;justify-content:center;padding:0 12px;display:flex}.list-stat-card:hover{border-color:var(--primary-500)}.list-stat-card.active{border-color:var(--primary-500);background:color-mix(in srgb,var(--primary-500)10%,transparent)}.list-stat-card.pending{border-left:3px solid var(--warning-500)}.list-stat-card.processing{border-left:3px solid var(--primary-500)}.list-stat-card.waiting{border-left:3px solid var(--info-500,#3b82f6)}.list-stat-card.ready{border-left:3px solid var(--success-500)}.list-stat-card.failed{border-left:3px solid var(--danger-500)}.list-stat-card.warning{border-left:3px solid var(--warning-500)}.list-stat-card.error{border-left:3px solid var(--danger-500)}.list-stat-value{font-size:var(--text-xl);color:var(--text-primary);font-weight:600;line-height:1.2}.list-stat-label{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.list-text-muted{color:var(--text-tertiary)}.cell-compact{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.list-lang-badge{padding:var(--space-1)var(--space-2);background:color-mix(in srgb,var(--primary-500)10%,transparent);color:var(--primary-500);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;display:inline-block}.list-version-badge{padding:var(--space-1)var(--space-2);color:#3b82f6;border-radius:var(--radius-sm);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;background:#3b82f61a;max-width:150px;font-weight:500;display:inline-block;overflow:hidden}.list-version-info{font-size:var(--text-xs);flex-direction:column;gap:2px;display:flex}.list-version-date{color:var(--text-primary);font-weight:500}.list-version-note{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.list-progress-cell{align-items:center;gap:var(--space-2);display:flex}.list-progress-cell.vertical{align-items:stretch;gap:var(--space-1);flex-direction:column;min-width:70px}.list-progress-cell.vertical .list-progress-text{text-align:center;min-width:unset}.list-progress-bar{background:var(--bg-tertiary);border-radius:3px;flex:1;min-width:60px;height:6px;overflow:hidden}.list-progress-cell.vertical .list-progress-bar{flex:unset;height:4px}.list-progress-fill{background:var(--primary-500);border-radius:3px;height:100%;transition:width .3s}.list-progress-fill.completed{background:#10b981}.list-progress-text{font-size:var(--text-xs);color:var(--text-tertiary);min-width:40px}.list-content-cover.square{width:40px;height:40px}.list-progress-fill.approved{background:#10b981}.list-empty-hint-box{text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-4)var(--space-6);max-width:320px;margin-top:var(--space-4)}.list-empty-hint-box p{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.list-empty-hint-box ul{margin:var(--space-3)0;text-align:left;padding:0;list-style:none}.list-empty-hint-box li{font-size:var(--text-sm);padding:var(--space-1)0;color:var(--text-secondary)}.list-empty-hint-box .hint-sub{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary)}.management-page{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex}.management-content{flex:1;padding:24px;overflow-y:auto}.mgmt-stats-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px;display:grid}.mgmt-stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.mgmt-stat-card:hover{border-color:var(--primary-500);transform:translateY(-2px)}.mgmt-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mgmt-stat-icon.total{color:#3b82f6;background:#3b82f61a}.mgmt-stat-icon.leader{color:#8b5cf6;background:#8b5cf61a}.mgmt-stat-icon.talent{color:#10b981;background:#10b9811a}.mgmt-stat-icon.pending{color:#ef4444;background:#ef44441a}.mgmt-stat-icon.monthly{color:#ec4899;background:#ec48991a}.mgmt-stat-icon.publish{color:red;background:#ff00001a}.mgmt-stat-icon.audit{color:#6b7280;background:#6b72801a}.mgmt-stat-icon.active{color:#22c55e;background:#22c55e1a}.mgmt-stat-icon.disabled{color:#9ca3af;background:#9ca3af1a}.mgmt-stat-content{flex:1;min-width:0}.mgmt-stat-value{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2}.mgmt-stat-label{color:var(--text-tertiary);margin-top:2px;font-size:12px}.mgmt-tabs-container{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px;display:flex}.mgmt-tabs-header{gap:8px;display:flex}.mgmt-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mgmt-tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mgmt-tab-btn.active{background:var(--primary-500);color:#fff}.mgmt-tab-badge{background:#fff3;border-radius:10px;padding:2px 8px;font-size:12px}.mgmt-tab-btn:not(.active) .mgmt-tab-badge{color:#ef4444;background:#ef44441a}.mgmt-tabs-actions{gap:12px;display:flex}.mgmt-filter-row{gap:12px;margin-bottom:16px;display:flex}.mgmt-filter-select{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border-radius:8px;padding:8px 32px 8px 12px;font-size:14px}.mgmt-filter-select:focus{border-color:var(--primary-500);outline:none}.mgmt-data-table{border-collapse:collapse;width:100%}.mgmt-data-table th,.mgmt-data-table td{text-align:left;border-bottom:1px solid var(--border-primary);padding:12px 16px}.mgmt-data-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);font-size:12px;font-weight:600}.mgmt-data-table tbody tr{transition:background .15s}.mgmt-data-table tbody tr:hover{background:var(--bg-hover)}.mgmt-user-info{align-items:center;gap:12px;display:flex}.mgmt-user-avatar{object-fit:cover;background:var(--bg-tertiary);border-radius:50%;width:40px;height:40px}.mgmt-user-details{flex-direction:column;gap:2px;display:flex}.mgmt-user-name{color:var(--text-primary);font-weight:500}.mgmt-user-username{color:var(--text-tertiary);font-size:12px}.mgmt-role-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.mgmt-role-badge.leader{color:#8b5cf6;background:#8b5cf61a}.mgmt-role-badge.super-talent{color:#f59e0b;background:#f59e0b1a}.mgmt-role-badge.talent{color:#10b981;background:#10b9811a}.mgmt-status-badge{border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.mgmt-status-badge.active{color:#22c55e;background:#22c55e1a}.mgmt-status-badge.disabled{color:#ef4444;background:#ef44441a}.mgmt-status-badge.pending{color:#f59e0b;background:#f59e0b1a}.mgmt-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.mgmt-action-btns{gap:4px;display:flex}.mgmt-action-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.mgmt-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mgmt-action-btn.danger:hover{color:#ef4444;background:#ef44441a}.mgmt-action-btn.success:hover{color:#22c55e;background:#22c55e1a}.mgmt-pagination{justify-content:center;align-items:center;gap:16px;margin-top:16px;padding:16px 0;display:flex}.mgmt-page-info{color:var(--text-secondary);font-size:14px}.mgmt-page-btns{gap:8px;display:flex}.mgmt-page-btns button{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .15s}.mgmt-page-btns button:hover:not(:disabled){background:var(--bg-hover)}.mgmt-page-btns button:disabled{opacity:.5;cursor:not-allowed}.mgmt-current-page{color:var(--text-primary);padding:8px 16px;font-weight:500}.mgmt-loading-state,.mgmt-empty-state{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.mgmt-loading-state .spinner{border:3px solid var(--border-primary);border-top-color:var(--primary-500);border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:1s linear infinite spin}.mgmt-modal-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mgmt-modal-content{background:var(--bg-secondary);border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex;overflow:hidden}.mgmt-modal-content.lg{max-width:600px}.mgmt-modal-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mgmt-modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.mgmt-modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:0;font-size:24px;line-height:1}.mgmt-modal-close:hover{color:var(--text-primary)}.mgmt-modal-body{padding:20px;overflow-y:auto}.mgmt-modal-footer{border-top:1px solid var(--border-primary);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.mgmt-form-group{margin-bottom:16px}.mgmt-form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.mgmt-form-select,.mgmt-form-input{border:1px solid var(--border-primary);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 14px;font-size:14px}.mgmt-form-select:focus,.mgmt-form-input:focus{border-color:var(--primary-500);outline:none}.mgmt-subordinate-list{border:1px solid var(--border-primary);border-radius:8px;max-height:300px;padding:8px;overflow-y:auto}.mgmt-subordinate-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px;transition:background .15s;display:flex}.mgmt-subordinate-item:hover{background:var(--bg-tertiary)}.mgmt-subordinate-item input[type=checkbox]{width:16px;height:16px}.mgmt-subordinate-item .sub-name{color:var(--text-primary);flex:1;font-size:14px}.mgmt-target-user-info{background:var(--bg-tertiary);border-radius:8px;margin-bottom:16px;padding:12px}.mgmt-target-user-info span{color:var(--text-secondary)}.mgmt-target-user-info strong{color:var(--text-primary)}.mgmt-empty-hint{text-align:center;color:var(--text-tertiary);padding:24px;font-size:14px}.animate-slide-up{animation:.3s ease-out slideUp}.animate-fade-in{animation:.2s ease-out fadeIn}.btn-primary{background:var(--primary-500);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--primary-600)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:all .2s;display:inline-flex}.btn-ghost:hover{background:var(--bg-hover)}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:all .2s;display:inline-flex}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 12px;font-size:13px}.tabs-container{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.tabs-header{gap:8px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-btn.active{background:var(--primary-500);color:#fff}.tab-badge{background:#fff3;border-radius:10px;padding:2px 8px;font-size:12px}.tab-btn:not(.active) .tab-badge{color:#ef4444;background:#ef44441a}.tabs-actions{gap:12px;display:flex}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px}.card-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-left{flex-direction:column;gap:4px;display:flex}.card-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.card-subtitle{color:var(--text-tertiary);font-size:13px}.card-body{padding:20px}.modal-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);z-index:2000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border-radius:12px;width:480px;max-width:90vw;max-height:90vh;overflow-y:auto}.modal.modal-lg{width:600px}.modal.modal-sm{width:360px}.modal-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{margin:0;font-size:16px;font-weight:600}.modal-close{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border-primary);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-input{border:1px solid var(--border-primary);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:14px}.form-input:focus{border-color:var(--primary-500);outline:none}.selected-user{background:var(--bg-primary);border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.radio-group{flex-direction:column;gap:12px;display:flex}.radio-item{border:1px solid var(--border-primary);cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.radio-item:hover{border-color:var(--primary-500)}.radio-item input[type=radio]{margin-top:2px}.radio-label{color:var(--text-primary);font-weight:500}.radio-desc{color:var(--text-tertiary);margin-left:auto;font-size:12px}.invite-link-box{gap:12px;margin-bottom:20px;display:flex}.invite-link-box .form-input{flex:1}.invite-qrcode{text-align:center;margin-bottom:16px}.invite-qrcode img,.qrcode-image{border-radius:8px;width:200px;height:200px}.invite-tip,.qrcode-tip{text-align:center;color:var(--text-tertiary);margin:0;font-size:13px}.qrcode-tip{margin-top:16px}.pending-list,.invitation-list,.transfer-list{flex-direction:column;gap:12px;display:flex}.pending-item,.invitation-item,.transfer-item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.pending-checkbox,.transfer-checkbox{flex-shrink:0}.pending-info,.invitation-info,.transfer-info{flex:1;min-width:0}.pending-user,.invitation-header,.transfer-user{align-items:center;gap:8px;margin-bottom:4px;display:flex}.pending-name,.transfer-name{color:var(--text-primary);font-weight:500}.pending-meta,.invitation-meta,.transfer-meta{color:var(--text-tertiary);gap:16px;font-size:12px;display:flex}.pending-actions,.invitation-actions,.transfer-actions{flex-shrink:0;gap:8px;display:flex}.transfer-flow{align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.from-leader,.to-leader{color:var(--text-primary);font-weight:500}.transfer-flow svg{color:var(--text-tertiary)}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{background:var(--primary-500);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:600;display:flex}.user-detail{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-weight:500}.user-username{color:var(--text-tertiary);font-size:12px}.role-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.role-badge.role-leader{color:#8b5cf6;background:#8b5cf61a}.role-badge.role-super_talent{color:#f59e0b;background:#f59e0b1a}.role-badge.role-talent{color:#10b981;background:#10b9811a}.status-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.status-badge.active,.status-badge.confirmed,.status-badge.approved{color:#10b981;background:#10b9811a}.status-badge.inactive,.status-badge.disabled,.status-badge.rejected{color:#ef4444;background:#ef44441a}.status-badge.pending,.status-badge.registered{color:#f59e0b;background:#f59e0b1a}.status-badge.expired{color:#6b7280;background:#6b72801a}.count-badge{color:#3b82f6;background:#3b82f61a;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.status-tag{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.status-tag.status-0{color:#f59e0b;background:#f59e0b1a}.status-tag.status-1{color:#10b981;background:#10b9811a}.status-tag.status-2{color:#ef4444;background:#ef44441a}.status-tag.status-3,.status-tag.status-4{color:#6b7280;background:#6b72801a}.manager-name{color:var(--text-primary)}.manager-name.self,.manager-name.empty{color:var(--text-tertiary)}.join-time{color:var(--text-secondary);font-size:13px}.action-buttons,.action-btns{gap:8px;display:flex}.action-btn{border:1px solid var(--border-primary);background:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-btn:hover{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.action-btn.danger:hover{background:#ef4444;border-color:#ef4444}.action-btn.success:hover{background:#10b981;border-color:#10b981}.subordinate-list{border:1px solid var(--border-primary);border-radius:8px;max-height:300px;padding:8px;overflow-y:auto}.subordinate-item{cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:10px;display:flex}.subordinate-item:hover{background:var(--bg-hover)}.sub-name{color:var(--text-primary);flex:1}.empty-hint{text-align:center;color:var(--text-tertiary);padding:20px}.animate-scale-in{animation:.2s scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.page-header-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.page-title{font-size:var(--text-xl);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.header-stats{align-items:center;gap:var(--space-3);margin-left:var(--space-2);padding-left:var(--space-3);border-left:1px solid var(--border-primary);display:flex}.header-stat{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:4px;display:inline-flex}.header-stat .svg-icon{color:var(--text-tertiary)}.lang-badge{padding:var(--space-1)var(--space-2);background:var(--primary-50);color:var(--primary-600);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500}.version-badge{background:var(--info-color-10,#3b82f61a);color:var(--info-color,#3b82f6);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:200px;margin-left:8px;padding:4px 10px;font-size:12px;font-weight:500;overflow:hidden}.episode-tabs{gap:var(--space-2);padding:var(--space-3)0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.episode-tabs::-webkit-scrollbar{display:none}.episode-tab{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;flex-shrink:0;font-weight:500;display:inline-flex}.episode-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.episode-tab.active{background:var(--primary-500);color:#fff}.episode-tab.completed .episode-check{color:var(--success-500)}.episode-tab.active.completed .episode-check{color:#fff}.video-preview-vertical{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:#000;flex-shrink:0;width:280px;height:498px;position:relative;overflow:hidden}.video-preview-vertical video{object-fit:contain;background:#000;width:100%;height:100%}.translated-subtitle-overlay{left:var(--space-2);right:var(--space-2);padding:var(--space-2)var(--space-3);color:#fff;font-size:var(--text-sm);text-align:center;border-radius:var(--radius-md);pointer-events:none;z-index:10;text-overflow:ellipsis;background:#000000d9;max-height:80px;line-height:1.5;position:absolute;overflow:hidden}.translated-subtitle-overlay .subtitle-role{color:var(--primary-400);font-weight:500}.review-progress-section{align-items:center;gap:var(--space-4);padding:var(--space-3)var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);display:flex}.review-progress-section .progress-label{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.review-progress-section .progress-bar-wrapper{flex:1}.subtitle-pair-card{padding:var(--space-4);border-bottom:1px solid var(--border-primary);cursor:pointer;transition:all var(--transition-fast);position:relative}.subtitle-pair-card:hover{background:var(--bg-tertiary)}.subtitle-pair-card.selected{background:color-mix(in srgb,var(--primary-500)8%,transparent);border-right:3px solid var(--primary-500);padding-right:calc(var(--space-4) - 3px)}.subtitle-pair-card.reviewed{opacity:.7}.subtitle-pair-card.playing{background:color-mix(in srgb,var(--success-500)10%,transparent);border-left:3px solid var(--success-500);padding-left:calc(var(--space-4) - 3px)}.subtitle-pair-card.playing.selected{background:color-mix(in srgb,var(--success-500)8%,color-mix(in srgb,var(--primary-500)8%,transparent));border-left:3px solid var(--success-500);border-right:3px solid var(--primary-500);padding-left:calc(var(--space-4) - 3px);padding-right:calc(var(--space-4) - 3px)}.status-badges{top:var(--space-3);right:var(--space-3);align-items:center;gap:var(--space-2);z-index:1;display:flex;position:absolute}.selected-indicator{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);background:var(--primary-500);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);flex-shrink:0;font-weight:500;display:inline-flex}.playing-indicator{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);background:var(--success-500);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);flex-shrink:0;font-weight:500;animation:1.5s ease-in-out infinite pulse;display:inline-flex}.pair-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.pair-index{color:var(--text-primary);font-weight:600}.pair-time{font-family:monospace}.pair-time.clickable{cursor:pointer;padding:var(--space-1)var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.pair-time.clickable:hover{background:var(--primary-100);color:var(--primary-600)}.role-badge-btn{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2)var(--space-1)var(--space-1);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.role-badge-btn:hover{background:var(--bg-secondary);border-color:var(--primary-300)}.role-avatar-mini{color:#fff;background:linear-gradient(135deg,#9ca3af,#6b7280);border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:9px;font-weight:600;line-height:1;display:grid}.role-avatar-mini.gender-1.age-child{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.role-avatar-mini.gender-1.age-teen{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.role-avatar-mini.gender-1.age-young{background:linear-gradient(135deg,#818cf8,#6366f1)}.role-avatar-mini.gender-1.age-middle{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.role-avatar-mini.gender-1.age-old{background:linear-gradient(135deg,#64748b,#475569)}.role-avatar-mini.gender-2.age-child{background:linear-gradient(135deg,#f9a8d4,#f472b6)}.role-avatar-mini.gender-2.age-teen{background:linear-gradient(135deg,#fb7185,#f43f5e)}.role-avatar-mini.gender-2.age-young{background:linear-gradient(135deg,#c084fc,#a855f7)}.role-avatar-mini.gender-2.age-middle{background:linear-gradient(135deg,#ec4899,#db2777)}.role-avatar-mini.gender-2.age-old{background:linear-gradient(135deg,#a1a1aa,#71717a)}.role-name-text{font-size:var(--text-xs);color:var(--text-primary);font-weight:500}.pair-content{gap:var(--space-4);margin-bottom:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.source-column,.target-column{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.source-column label,.target-column label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:600}.time-inputs{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.time-input{padding:var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary);flex:1;font-family:monospace}.time-input:focus{border-color:var(--primary-500);outline:none}.pair-footer{justify-content:flex-end;display:flex}.detail-tabs{gap:var(--space-1);padding:var(--space-1);background:var(--bg-secondary);border-radius:var(--radius-xl);flex-shrink:0;display:inline-flex}.detail-tab-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-weight:500;display:inline-flex;position:relative}.detail-tab-item:hover{color:var(--text-primary)}.detail-tab-item.active{background:var(--bg-tertiary);color:var(--text-primary)}.detail-tab-item .tab-check-icon{color:var(--success-500);flex-shrink:0}.tab-panel{margin-top:var(--space-4);animation:.2s fadeIn}.role-avatar{color:#fff;background:linear-gradient(135deg,#9ca3af,#6b7280);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.role-avatar.large{width:56px;height:56px;font-size:24px}.role-avatar.gender-1.age-child{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.role-avatar.gender-1.age-teen{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.role-avatar.gender-1.age-young{background:linear-gradient(135deg,#818cf8,#6366f1)}.role-avatar.gender-1.age-middle{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.role-avatar.gender-1.age-old{background:linear-gradient(135deg,#64748b,#475569)}.role-avatar.gender-2.age-child{background:linear-gradient(135deg,#f9a8d4,#f472b6)}.role-avatar.gender-2.age-teen{background:linear-gradient(135deg,#fb7185,#f43f5e)}.role-avatar.gender-2.age-young{background:linear-gradient(135deg,#c084fc,#a855f7)}.role-avatar.gender-2.age-middle{background:linear-gradient(135deg,#ec4899,#db2777)}.role-avatar.gender-2.age-old{background:linear-gradient(135deg,#a1a1aa,#71717a)}.meta-tag{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.meta-tag.gender{background:var(--bg-tertiary);color:var(--text-secondary)}.meta-tag.gender.gender-1{background:color-mix(in srgb,var(--gender-male-color)12%,transparent);color:var(--gender-male-color)}.meta-tag.gender.gender-2{background:color-mix(in srgb,var(--gender-female-color)12%,transparent);color:var(--gender-female-color)}.meta-tag.age{background:var(--bg-tertiary);color:var(--text-secondary)}.meta-tag.age.age-child{background:color-mix(in srgb,var(--age-child-color)15%,transparent);color:var(--age-child-color)}.meta-tag.age.age-teen{background:color-mix(in srgb,var(--age-teen-color)15%,transparent);color:var(--age-teen-color)}.meta-tag.age.age-young{background:color-mix(in srgb,var(--age-young-color)15%,transparent);color:color-mix(in srgb,var(--age-young-color),#000 15%)}.meta-tag.age.age-middle{background:color-mix(in srgb,var(--age-middle-color)15%,transparent);color:color-mix(in srgb,var(--age-middle-color),#000 15%)}.meta-tag.age.age-old{background:color-mix(in srgb,var(--age-old-color)15%,transparent);color:var(--age-old-color)}.meta-tag.voice{background:color-mix(in srgb,var(--success-500)12%,transparent);color:var(--success-600)}.meta-tag.voice .svg-icon{color:var(--success-500)}.meta-tag.voice.unconfigured{background:color-mix(in srgb,var(--warning-color)12%,transparent);color:var(--warning-color)}.meta-tag.voice.unconfigured .svg-icon{color:var(--warning-color)}:root{--gender-male-color:#3b82f6;--gender-female-color:#ec4899;--age-child-color:#22c55e;--age-teen-color:#06b6d4;--age-young-color:#0ea5e9;--age-middle-color:#f59e0b;--age-old-color:#64748b;--dubbing-mode-0-color:#6b7280;--dubbing-mode-1-color:#8b5cf6;--dubbing-mode-2-color:#f59e0b;--dubbing-mode-3-color:#ec4899}.mode-options{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.mode-option{padding:var(--space-4);background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);display:flex;position:relative}.mode-option:hover:not(.disabled){border-color:var(--primary-400);box-shadow:var(--shadow-sm)}.mode-option.selected{border-color:var(--primary-500);background:color-mix(in srgb,var(--primary-500)5%,var(--bg-secondary))}.mode-option.mode-0.selected{border-color:var(--dubbing-mode-0-color);background:color-mix(in srgb,var(--dubbing-mode-0-color)8%,var(--bg-secondary))}.mode-option.mode-1.selected{border-color:var(--dubbing-mode-1-color);background:color-mix(in srgb,var(--dubbing-mode-1-color)8%,var(--bg-secondary))}.mode-option.mode-2.selected{border-color:var(--dubbing-mode-2-color);background:color-mix(in srgb,var(--dubbing-mode-2-color)8%,var(--bg-secondary))}.mode-option.mode-3.selected{border-color:var(--dubbing-mode-3-color);background:color-mix(in srgb,var(--dubbing-mode-3-color)8%,var(--bg-secondary))}.mode-option.mode-0.selected .mode-check-icon{background:var(--dubbing-mode-0-color)}.mode-option.mode-1.selected .mode-check-icon{background:var(--dubbing-mode-1-color)}.mode-option.mode-2.selected .mode-check-icon{background:var(--dubbing-mode-2-color)}.mode-option.mode-3.selected .mode-check-icon{background:var(--dubbing-mode-3-color)}.mode-option.mode-0.selected .mode-name{color:var(--dubbing-mode-0-color)}.mode-option.mode-1.selected .mode-name{color:var(--dubbing-mode-1-color)}.mode-option.mode-2.selected .mode-name{color:var(--dubbing-mode-2-color)}.mode-option.mode-3.selected .mode-name{color:var(--dubbing-mode-3-color)}.mode-option.disabled{opacity:.6;cursor:not-allowed}.mode-option input{opacity:0;width:0;height:0;position:absolute}.mode-check-icon{top:var(--space-3);right:var(--space-3);background:var(--primary-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute}.mode-content{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.mode-header{padding-right:var(--space-8);justify-content:space-between;align-items:center;display:flex}.mode-name{font-weight:600;font-size:var(--text-base);color:var(--text-primary)}.mode-cost{font-size:var(--text-xs);color:var(--warning-600);background:color-mix(in srgb,var(--warning-500)15%,transparent);border-radius:var(--radius-sm);padding:2px 8px;font-weight:500}.mode-desc{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.5}.settings-panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-6)}.setting-section{margin-bottom:var(--space-6)}.setting-section:last-child{margin-bottom:0}.section-title{margin:0 0 var(--space-4);font-size:var(--text-base);color:var(--text-primary);font-weight:600}.subtitle-settings{gap:var(--space-4);flex-direction:column;display:flex}.setting-row{align-items:center;gap:var(--space-3);display:flex}.setting-row label{min-width:80px;font-size:var(--text-sm);color:var(--text-secondary)}.setting-row select{flex:1;max-width:200px}.range-value{text-align:right;min-width:60px;font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.settings-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-primary);display:flex}.role-list{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.role-search{padding:var(--space-3);border-bottom:1px solid var(--border-primary)}.role-search input{width:100%;padding:var(--space-2)var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary)}.role-search input:focus{border-color:var(--primary-500);outline:none}.role-items{flex:1;min-height:0;overflow-y:auto}.role-card{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border-primary);cursor:pointer;transition:all var(--transition-fast);display:flex}.role-card:last-child{border-bottom:none}.role-card:hover{background:var(--bg-hover)}.role-card.selected{background:color-mix(in srgb,var(--primary-500)8%,transparent);border-left:3px solid var(--primary-500);padding-left:calc(var(--space-4) - 3px)}.role-card.configured .role-voice{color:var(--success-500)}.role-info{flex:1;min-width:0}.role-name{color:var(--text-primary);font-weight:500;font-size:var(--text-sm)}.role-meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.role-voice{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.role-voice.warning{color:var(--warning-500)}.match-badges{gap:var(--space-1);margin-top:var(--space-1);display:flex}.match-badge{border-radius:var(--radius-full);align-items:center;padding:1px 6px;font-size:10px;font-weight:500;display:inline-flex}.match-badge.success{background:color-mix(in srgb,var(--success-500)15%,transparent);color:var(--success-600)}.match-badge.info{background:color-mix(in srgb,var(--primary-500)15%,transparent);color:var(--primary-600)}.video-preview{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:#000;flex-direction:column;display:flex;overflow:hidden}.video-episode-nav{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:flex}.ep-nav-btn{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.ep-nav-btn:hover:not(:disabled){background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.ep-nav-btn:disabled{opacity:.5;cursor:not-allowed}.ep-nav-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.no-video-hint{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:400}.video-preview video{object-fit:cover;background:#000;flex:1;width:100%;min-height:0}.no-video-placeholder{color:var(--text-tertiary);padding:var(--space-8);background:#1a1a1a;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.no-video-placeholder svg{margin-bottom:var(--space-4);opacity:.5}.no-video-placeholder p{font-size:var(--text-sm);margin:0}.no-video-placeholder .hint{margin-top:var(--space-2);font-size:var(--text-xs);opacity:.7}.voice-selector-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.voice-selector-header h4{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.voice-filter-info{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.filter-tag{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);padding:2px 8px;display:inline-block}.age-filter-group{border-radius:var(--radius-md);border:1px solid var(--border-primary);display:inline-flex;overflow:hidden}.age-filter-btn{padding:var(--space-1)var(--space-3);background:var(--bg-secondary);border:none;border-right:1px solid var(--border-primary);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.age-filter-btn:last-child{border-right:none}.age-filter-btn:hover{background:var(--bg-tertiary)}.age-filter-btn.active{background:var(--primary-500);color:#fff}.voice-count{margin-left:var(--space-3);color:var(--primary-500);font-weight:500}.voice-grid{gap:var(--space-4);max-height:400px;padding:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid;overflow-y:auto}.role-badge{align-items:center;gap:var(--space-3);display:flex}.role-title h3{font-size:var(--text-xl);color:var(--text-primary);margin:0;font-weight:600}.role-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.role-time-points{gap:var(--space-1);flex-wrap:wrap;display:flex}.time-point-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);padding:2px 6px;font-size:11px}.time-point-btn:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.point-chip{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-primary);border-radius:var(--radius-full);border:1px solid var(--border-primary);font-size:var(--text-sm);display:flex}.point-chip .chip-label{color:var(--text-secondary)}.point-chip .chip-value{color:var(--text-primary);font-weight:600}.point-chip.warning .chip-value{color:var(--warning-500)}.point-chip.success .chip-value{color:var(--success-500)}.status-chip.mode.mode-0 .status-value{color:var(--dubbing-mode-0-color)!important}.status-chip.mode.mode-1 .status-value{color:var(--dubbing-mode-1-color)!important}.status-chip.mode.mode-2 .status-value{color:var(--dubbing-mode-2-color)!important}.status-chip.mode.mode-3 .status-value{color:var(--dubbing-mode-3-color)!important}.merge-status-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-5)}.merge-status-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.merge-status-title{align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-primary);font-weight:600;display:flex}.merge-status-content{gap:var(--space-3);flex-direction:column;display:flex}.merge-info-row{align-items:center;gap:var(--space-4);font-size:var(--text-sm);display:flex}.merge-info-label{color:var(--text-secondary);min-width:80px}.merge-info-value{color:var(--text-primary);font-weight:500}.merge-download-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--success-500);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500;display:inline-flex}.merge-download-btn:hover{background:var(--success-600)}.workbench-layout{gap:var(--space-4);flex-direction:row;flex:1;align-items:stretch;min-height:0;display:flex}.video-section{top:var(--space-4);flex-direction:column;flex-shrink:0;align-self:flex-start;display:flex;position:sticky}.video-placeholder{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:280px;height:498px;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.video-placeholder p{margin-top:var(--space-2);font-size:var(--text-sm)}.subtitle-section,.content-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.subtitle-header,.content-header{padding:var(--space-4);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.subtitle-header h3,.content-header h3{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.header-actions{gap:var(--space-2);display:flex}.subtitle-body,.content-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.subtitle-pairs{flex:1;min-height:0;overflow-y:auto}.subtitle-input,.content-input{width:100%;padding:var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);resize:vertical;background:var(--bg-primary);color:var(--text-primary);font-family:inherit}.subtitle-input:focus,.content-input:focus{border-color:var(--primary-500);outline:none}.loading-state,.empty-state{padding:var(--space-8);color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--border-primary);border-top-color:var(--primary-500);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.modal-info{margin-bottom:var(--space-4);padding:var(--space-3);background:var(--primary-50);border-radius:var(--radius-md);border-left:3px solid var(--primary-500)}.modal-info .info-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.modal-info .info-text strong{color:var(--primary-600);font-weight:600}.completed-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--success-50,#ecfdf5);color:var(--success-500,#10b981);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;display:inline-flex}.content-area{padding:var(--space-6);flex-direction:column;min-height:calc(100vh - 64px);display:flex}.header-progress{align-items:center;gap:var(--space-2);min-width:200px;max-width:400px;margin:0 var(--space-4);padding:var(--space-2)var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);flex:1;display:flex}.header-progress .progress-label{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.header-progress .progress-wrapper{flex:1}.calibration-progress-card{margin-bottom:var(--space-6);background:var(--bg-secondary)!important;padding:0!important;overflow:visible!important}.calibration-progress-section{gap:0;min-height:60px;flex-direction:row!important;display:flex!important}.calibration-progress-item{padding:var(--space-4)var(--space-5);flex-direction:column;flex:1;justify-content:center;display:flex}.calibration-progress-item:first-child{border-right:1px solid var(--border-secondary)}.calibration-progress-item.right{padding:var(--space-4)var(--space-5);flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;min-width:220px;display:flex}.calibration-progress-item.right .calibration-progress-label{justify-content:flex-end;gap:var(--space-3);margin-bottom:var(--space-1)}.calibration-progress-label{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;font-weight:500;display:flex}.calibration-progress-value{font-weight:700;font-size:var(--text-base);color:var(--primary-500)}.status-label{align-items:center;gap:var(--space-1);font-weight:600;font-size:var(--text-sm);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);display:inline-flex}.status-label.pending{color:var(--text-secondary);background:var(--bg-tertiary)}.status-label.processing{color:var(--primary-600);background:#3b82f61a}.status-label.success{color:var(--success-600);background:#22c55e26}.status-label.error{color:var(--danger-600);background:#ef44441a}.episode-card-list{scrollbar-width:none;-ms-overflow-style:none;max-height:400px;overflow-y:auto}.episode-card-list::-webkit-scrollbar{display:none}.episode-card{padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-secondary);cursor:pointer;margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;transition:all .2s;display:flex}.episode-card:hover{box-shadow:0 2px 8px #00000014}.episode-card.active{border-color:var(--primary-500);background:#3b82f61a}.episode-card.active .episode-card-meta{color:var(--text-secondary)}.episode-card.active .status-badge.success{color:var(--success-500);background:#22c55e26}.episode-card.active .status-badge.pending{background:var(--bg-tertiary);color:var(--text-secondary)}.episode-card-info{gap:var(--space-1);flex-direction:column;display:flex}.episode-card-title{font-weight:500}.episode-card-meta{font-size:var(--text-xs);color:var(--text-secondary)}.episode-card-status{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.role-card-grid{gap:var(--space-3);scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:400px;margin:-2px;padding:2px;overflow-y:auto;display:grid!important}.role-card-grid::-webkit-scrollbar{display:none}.role-card-item{text-align:center;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);background:var(--bg-primary);cursor:pointer;flex-direction:column;align-items:center;transition:all .2s;display:flex}.role-card-item:hover{box-shadow:0 2px 8px #00000014}.role-card-item.selected{box-shadow:0 0 0 2px var(--primary-500)}.role-card-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.role-card-action-btn{opacity:.3;padding:var(--space-1);transition:opacity .2s}.role-card-item:hover .role-card-action-btn{opacity:1}.role-card-action-btn.danger{color:var(--danger-500)}.subtitle-edit-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s;display:flex}.subtitle-edit-item:last-child{border-bottom:none}.subtitle-edit-item:hover{background:var(--bg-secondary)}.subtitle-edit-item.active{background:color-mix(in srgb,var(--success-500)10%,transparent);border-left:3px solid var(--success-500)!important}.subtitle-edit-item.selected{background:var(--primary-100)}.subtitle-edit-item.active.selected{background:color-mix(in srgb,var(--success-500)8%,color-mix(in srgb,var(--primary-500)8%,transparent));border-right:3px solid var(--primary-500);padding-right:calc(var(--space-3) - 3px);border-left:3px solid var(--success-500)!important}.subtitle-edit-item.unlabeled{border-left:3px solid var(--warning-500)}.subtitle-edit-item.unlabeled.active{border-left:3px solid var(--success-500)!important}.subtitle-edit-item .sub-index{width:40px;font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0}.subtitle-edit-item .sub-time-input{width:100px;padding:var(--space-1)var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:monospace}.subtitle-edit-item .time-separator{color:var(--text-secondary)}.subtitle-edit-item .sub-text{min-width:0;padding:var(--space-1)var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);flex:1}.subtitle-edit-item .sub-role{flex-shrink:0;width:120px}.subtitle-edit-item .btn-delete{opacity:0;transition:opacity .2s}.subtitle-edit-item:hover .btn-delete{opacity:1}.batch-action-bar{align-items:center;gap:var(--space-3);padding:var(--space-3);margin-top:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex}.batch-action-bar .batch-info{color:var(--text-secondary);font-size:.875rem}.batch-action-bar .batch-buttons{gap:var(--space-2);display:flex}.ai-status-hint{align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-xs);display:flex}.ai-status-hint .elapsed-time{margin-left:var(--space-2);color:var(--primary-500);font-weight:500}.video-preview-compact{flex-shrink:0;align-self:flex-start;width:200px;position:relative}.video-preview-compact video{border-radius:var(--radius-md);background:#000;width:100%;height:auto}.video-preview-compact .subtitle-overlay{padding:var(--space-2)var(--space-3);color:#fff;font-size:var(--text-sm);text-align:center;background:#000000b3;position:absolute;bottom:60px;left:0;right:0}.video-preview-compact .subtitle-overlay .role-name{color:var(--primary-300)}