@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-brand-primary: #232a55;--color-brand-secondary: #126ab3;--color-brand-accent: #df182c;--numih-blue-dark-1: #232a55;--numih-blue-dark-2: #253164;--numih-blue-light: #126ab3;--numih-red-accent: #df182c;--color-success: #059669;--color-success-light: #d1fae5;--color-warning: #d97706;--color-warning-light: #fef3c7;--color-error: #dc2626;--color-error-light: #fee2e2;--color-info: #0284c7;--color-info-light: #e0f2fe;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(35, 42, 85, .5);--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-text-inverse: #ffffff;--color-text-brand: #232a55;--color-border-primary: #e2e8f0;--color-border-secondary: #cbd5e1;--color-border-light: #e2e8f0;--color-border-focus: #126ab3;--color-interactive-primary: #126ab3;--color-interactive-primary-hover: #0f5a99;--color-interactive-primary-active: #0d4f85;--color-interactive-secondary: #232a55;--color-interactive-secondary-hover: #1a2040;--color-primary: #126ab3;--color-primary-dark: #0f5a99;--color-primary-light: rgba(18, 106, 179, .1);--font-family-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--space-0: 0;--space-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;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-focus: 0 0 0 3px rgba(18, 106, 179, .2);--shadow-focus-error: 0 0 0 3px rgba(220, 38, 38, .2);--transition-fast: .1s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--header-height: 64px;--header-height-mobile: 56px;--bottom-nav-height: 64px;--max-content-width: 1200px;--sidebar-width: 280px}[data-theme=dark]{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-elevated: #1e293b;--color-bg-overlay: rgba(0, 0, 0, .7);--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-text-inverse: #0f172a;--color-text-brand: #93c5fd;--color-border-primary: #334155;--color-border-secondary: #475569;--color-border-light: #475569;--color-border-focus: #60a5fa;--color-interactive-primary: #60a5fa;--color-interactive-primary-hover: #93c5fd;--color-interactive-primary-active: #3b82f6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 3px rgba(96, 165, 250, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary);min-height:100vh;width:100%;transition:background-color var(--transition-normal),color var(--transition-normal)}#root{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-sans);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.025em}h2{font-size:var(--font-size-2xl);letter-spacing:-.02em}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-interactive-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-interactive-primary-hover)}code,pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-brand{color:var(--color-brand-secondary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.p-0{padding:var(--space-0)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:var(--space-0)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-interactive-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-interactive-primary-hover)}.btn-primary:active:not(:disabled){background-color:var(--color-interactive-primary-active)}.btn-secondary{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.btn-icon{padding:var(--space-2);width:40px;height:40px}.btn-icon-sm{padding:var(--space-1);width:32px;height:32px}.input{display:block;width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--color-text-tertiary)}.input:hover:not(:disabled){border-color:var(--color-border-secondary)}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.input:disabled{background-color:var(--color-bg-tertiary);cursor:not-allowed;opacity:.7}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:var(--shadow-focus-error)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-4);color:var(--color-text-tertiary);pointer-events:none}.input-with-icon{padding-left:calc(var(--space-4) + 24px)}.card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-6);transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background-color:var(--color-info-light);color:var(--color-info)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.badge-neutral{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);text-transform:uppercase;flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-md{width:40px;height:40px;font-size:var(--font-size-sm)}.avatar-lg{width:48px;height:48px;font-size:var(--font-size-base)}.avatar-brand{background-color:var(--color-brand-accent);color:#fff}.avatar-primary{background-color:var(--color-brand-primary);color:#fff}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:200px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-2);animation:dropdown-fade-in .15s ease-out}.dropdown-menu-right{left:auto;right:0}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-primary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.dropdown-item:hover{background-color:var(--color-bg-tertiary)}.dropdown-item-danger{color:var(--color-error)}.dropdown-item-danger:hover{background-color:var(--color-error-light)}.dropdown-divider{height:1px;background-color:var(--color-border-primary);margin:var(--space-2) 0}.modal-overlay{position:fixed;inset:0;background-color:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal-backdrop);animation:fade-in .2s ease-out}.modal{background-color:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:calc(100vh - var(--space-8));overflow:hidden;animation:modal-slide-up .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border-primary)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.modal-body{padding:var(--space-6);overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-primary);background-color:var(--color-bg-secondary)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.alert-success{background-color:var(--color-success-light);color:var(--color-success)}.alert-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.alert-error{background-color:var(--color-error-light);color:var(--color-error)}.alert-info{background-color:var(--color-info-light);color:var(--color-info)}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-4)}@media (min-width: 640px){.container{padding:0 var(--space-6)}}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:var(--header-height);padding-bottom:var(--space-8)}@media (max-width: 768px){.main-content{padding-top:var(--header-height-mobile);padding-bottom:calc(var(--bottom-nav-height) + var(--space-4))}}.page-section{padding:var(--space-6) 0}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);z-index:var(--z-fixed);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-6)}.header-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}.header-logo-img{height:48px;width:auto}.header-nav{display:flex;align-items:center;gap:var(--space-1);margin-left:var(--space-8)}.nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.nav-item:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.nav-item.active{color:var(--color-interactive-primary);background-color:#126ab314}[data-theme=dark] .nav-item.active{background-color:#60a5fa26}.nav-item-icon{width:18px;height:18px;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.voxtral-status-indicator{position:relative;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-lg);background:transparent;transition:all var(--transition-fast)}.voxtral-status-indicator.clickable{cursor:pointer}.voxtral-status-indicator.clickable:hover{background-color:var(--color-bg-tertiary)}.voxtral-status-dot{width:10px;height:10px;border-radius:50%;transition:background-color var(--transition-normal)}.voxtral-status-dot[data-status=healthy]{background-color:#22c55e;box-shadow:0 0 6px #22c55e80}.voxtral-status-dot[data-status=degraded]{background-color:#eab308;box-shadow:0 0 6px #eab30880}.voxtral-status-dot[data-status=down]{background-color:#ef4444;box-shadow:0 0 6px #ef444480}.voxtral-status-dot[data-status=loading]{background-color:#6b7280;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.voxtral-status-icon{color:var(--color-text-tertiary)}.voxtral-status-indicator.clickable:hover .voxtral-status-icon{color:var(--color-text-secondary)}.voxtral-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:200px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);z-index:var(--z-tooltip, 1000);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.voxtral-tooltip:before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;background:transparent}.voxtral-tooltip:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid var(--color-bg-primary);filter:drop-shadow(0 -1px 0 var(--color-border-primary))}.voxtral-status-indicator:hover .voxtral-tooltip{opacity:1;visibility:visible;pointer-events:auto}.voxtral-tooltip-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0}.voxtral-tooltip-row:not(:last-child){border-bottom:1px solid var(--color-border-secondary)}.voxtral-tooltip-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.voxtral-tooltip-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.voxtral-tooltip-jobs{margin:var(--space-1) 0;padding:var(--space-1) 0;border-top:1px solid var(--color-border-secondary);border-bottom:1px solid var(--color-border-secondary)}.voxtral-tooltip-job{display:flex;flex-direction:column;gap:4px;padding:var(--space-1) 0}.voxtral-tooltip-job:not(:last-child){border-bottom:1px dashed var(--color-border-secondary);padding-bottom:var(--space-2);margin-bottom:var(--space-1)}.voxtral-tooltip-job-info{display:flex;align-items:center;gap:6px;font-size:11px}.voxtral-job-phase-icon{font-size:12px}.voxtral-job-percent{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.voxtral-job-segments{color:var(--numih-blue-light, #126ab3);font-size:10px}.voxtral-job-eta{color:var(--color-text-secondary);margin-left:auto;font-size:10px}.voxtral-job-stalled{color:#f59e0b}.voxtral-tooltip-job-bar{height:4px;background:var(--color-bg-tertiary);border-radius:2px;overflow:hidden}.voxtral-tooltip-job-bar-fill{height:100%;background:linear-gradient(90deg,var(--numih-blue-light, #126ab3),#1e88e5);border-radius:2px;transition:width .3s ease}.voxtral-tooltip-wait-time{background-color:var(--color-bg-tertiary);margin:var(--space-2) calc(-1 * var(--space-3));padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.voxtral-wait-icon{font-size:11px;margin-right:4px}.voxtral-wait-value{color:var(--numih-blue-light, #126ab3);font-weight:var(--font-weight-bold)}[data-theme=dark] .voxtral-tooltip-wait-time{background-color:#60a5fa1a}[data-theme=dark] .voxtral-wait-value{color:#60a5fa}.voxtral-tooltip-simple{display:flex;flex-direction:column;gap:var(--space-3)}.voxtral-simple-status{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-secondary)}.voxtral-simple-dot{width:8px;height:8px;border-radius:50%}.voxtral-simple-dot.status-healthy{background-color:#22c55e;box-shadow:0 0 4px #22c55e80}.voxtral-simple-dot.status-degraded{background-color:#eab308;box-shadow:0 0 4px #eab30880}.voxtral-simple-dot.status-down{background-color:#ef4444;box-shadow:0 0 4px #ef444480}.voxtral-simple-dot.status-loading{background-color:#6b7280;animation:pulse 1.5s ease-in-out infinite}.voxtral-simple-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.voxtral-simple-wait{display:flex;flex-direction:column;gap:4px;padding:var(--space-2) var(--space-3);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.voxtral-simple-wait.voxtral-simple-ready{background-color:#22c55e1a}[data-theme=dark] .voxtral-simple-wait.voxtral-simple-ready{background-color:#22c55e26}.voxtral-simple-wait-label{font-size:11px;color:var(--color-text-secondary)}.voxtral-simple-wait-sublabel{font-size:10px;color:var(--color-text-tertiary);margin-top:2px}.voxtral-simple-wait-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--numih-blue-light, #126ab3)}.voxtral-simple-ready .voxtral-simple-wait-value{color:#22c55e}[data-theme=dark] .voxtral-simple-wait-value{color:#60a5fa}[data-theme=dark] .voxtral-simple-ready .voxtral-simple-wait-value{color:#4ade80}.voxtral-toggle-details{display:flex;align-items:center;justify-content:center;gap:4px;padding:var(--space-1) var(--space-2);margin-top:var(--space-1);font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.voxtral-toggle-details:hover{color:var(--color-text-secondary);background-color:var(--color-bg-tertiary)}.voxtral-tooltip-detailed{display:flex;flex-direction:column}.voxtral-tooltip-detailed .voxtral-toggle-details{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-secondary)}.notification-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.notification-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.notification-badge{position:absolute;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:var(--font-weight-semibold);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.notification-badge.transcription{top:4px;right:4px;background-color:var(--color-brand-accent)}.notification-badge.registration{top:4px;left:4px;background-color:var(--color-interactive-primary)}.notification-wrapper{position:relative}.notification-btn.has-unread{color:var(--color-text-primary)}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown, 1000);display:flex;flex-direction:column;animation:dropdown-fade-in .15s ease-out;overflow:hidden}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border-primary);flex-shrink:0}.notification-dropdown-header h4{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.notification-mark-all-read{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-interactive-primary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.notification-mark-all-read:hover{background-color:#126ab314}[data-theme=dark] .notification-mark-all-read:hover{background-color:#60a5fa26}.notification-list{flex:1;overflow-y:auto;max-height:320px}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);color:var(--color-text-tertiary);gap:var(--space-2)}.notification-empty p{margin:0;font-size:var(--font-size-sm)}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--color-border-secondary)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--color-bg-tertiary)}.notification-item.unread{background-color:#126ab30a}[data-theme=dark] .notification-item.unread{background-color:#60a5fa14}.notification-item.unread:hover{background-color:#126ab314}[data-theme=dark] .notification-item.unread:hover{background-color:#60a5fa1f}.notification-item-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.notification-filename{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.notification-unread-dot{width:8px;height:8px;background-color:var(--color-brand-accent);border-radius:var(--radius-full);flex-shrink:0;margin-left:var(--space-2)}.notification-section-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-tertiary)}.notification-section-header.registration{color:var(--color-interactive-primary)}[data-theme=dark] .notification-section-header.registration{color:#60a5fa}.notification-section-header.transcription{color:var(--color-text-tertiary)}.notification-section-divider{height:1px;background-color:var(--color-border-primary);margin:var(--space-1) 0}.notification-item.registration{background-color:#126ab30a}[data-theme=dark] .notification-item.registration{background-color:#60a5fa0f}.notification-item.registration:hover{background-color:#126ab314}[data-theme=dark] .notification-item.registration:hover{background-color:#60a5fa1f}.notification-registration-badge{min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:var(--font-weight-semibold);color:#fff;background-color:var(--color-interactive-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:var(--space-2)}[data-theme=dark] .notification-registration-badge{background-color:#3b82f6}.notification-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-interactive-primary);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);text-decoration:none;transition:all var(--transition-fast);flex-shrink:0}.notification-footer:hover{background-color:var(--color-bg-tertiary)}.notification-footer svg:last-child{opacity:.5}@media (max-width: 768px){.notification-dropdown{position:fixed;top:auto;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--space-2));left:var(--space-3);right:var(--space-3);width:auto;max-height:60vh;border-radius:var(--radius-xl)}}.new-project-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-inverse);background-color:var(--color-interactive-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.new-project-btn:hover{background-color:var(--color-interactive-primary-hover)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.user-menu-btn:hover{background-color:var(--color-bg-tertiary)}.user-avatar{width:36px;height:36px;background-color:var(--color-brand-accent);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:220px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);animation:dropdown-fade-in .15s ease-out}.user-menu-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--space-2)}.user-menu-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.user-menu-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.user-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-primary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;text-decoration:none;transition:background-color var(--transition-fast)}.user-menu-item:hover{background-color:var(--color-bg-tertiary)}.user-menu-item.danger{color:var(--color-error)}.user-menu-item.danger:hover{background-color:var(--color-error-light)}.user-menu-item.admin{color:var(--color-brand-accent)}.user-menu-item.admin:hover{background-color:#df182c14}.user-menu-divider{height:1px;background-color:var(--color-border-primary);margin:var(--space-2) 0}.auth-buttons{display:flex;align-items:center;gap:var(--space-3)}.auth-btn-login{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.auth-btn-login:hover{background-color:var(--color-bg-tertiary)}.auth-btn-register{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-inverse);background-color:var(--color-interactive-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.auth-btn-register:hover{background-color:var(--color-interactive-primary-hover)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background-color:var(--color-bg-primary);border-top:1px solid var(--color-border-primary);z-index:var(--z-fixed);display:none;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-inner{display:flex;align-items:stretch;justify-content:space-around;height:100%;max-width:500px;margin:0 auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;padding:var(--space-2);font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.bottom-nav-item:hover,.bottom-nav-item.active,.bottom-nav-item.active .bottom-nav-icon{color:var(--color-interactive-primary)}.bottom-nav-icon{width:24px;height:24px}.bottom-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media (max-width: 768px){.header{height:var(--header-height-mobile)}.header-inner{padding:0 var(--space-4)}.header-nav{display:none}.header-logo-img{height:36px}.new-project-btn span{display:none}.new-project-btn{width:40px;height:40px;padding:0;justify-content:center}.bottom-nav{display:block}.auth-btn-login span,.auth-btn-register span{display:none}.auth-btn-login,.auth-btn-register{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center}}.temp-control-bar{position:fixed;top:var(--header-height);left:0;right:0;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);z-index:calc(var(--z-fixed) - 1);padding:var(--space-3) 0}@media (max-width: 768px){.temp-control-bar{top:var(--header-height-mobile)}}.temp-control-inner{display:flex;align-items:center;gap:var(--space-4);max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-6)}@media (max-width: 768px){.temp-control-inner{padding:0 var(--space-4);flex-wrap:wrap;gap:var(--space-3)}}.temp-control-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.temp-control-slider-wrap{flex:1;display:flex;align-items:center;gap:var(--space-3);min-width:200px}.temp-control-slider{flex:1;height:6px;border-radius:var(--radius-full);appearance:none;background:var(--color-bg-tertiary);cursor:pointer}.temp-control-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-interactive-primary);cursor:pointer;border:2px solid var(--color-bg-primary);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.temp-control-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.temp-control-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-interactive-primary);min-width:45px;text-align:right}.temp-control-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.floating-recording-widget{position:fixed;bottom:24px;right:24px;z-index:1000;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);animation:floating-widget-appear .3s ease-out}@keyframes floating-widget-appear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-recording-content{display:flex;align-items:center;gap:var(--space-3)}.floating-recording-indicator{display:flex;align-items:center;gap:var(--space-2)}.floating-recording-dot{width:10px;height:10px;background-color:var(--color-error);border-radius:50%;animation:floating-recording-pulse 1.5s ease-in-out infinite}@keyframes floating-recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.floating-recording-mic{color:var(--color-error)}.floating-recording-info{display:flex;flex-direction:column;gap:2px}.floating-recording-time{font-size:var(--font-size-base);font-weight:600;font-family:var(--font-mono);color:var(--color-text-primary);letter-spacing:.5px;font-variant-numeric:tabular-nums}.floating-recording-mode{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.floating-recording-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-2)}.floating-recording-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.floating-recording-btn--view{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.floating-recording-btn--view:hover{background:var(--color-primary);color:#fff}.floating-recording-btn--stop{background:var(--color-error);color:#fff}.floating-recording-btn--stop:hover{background:#c41420;transform:scale(1.05)}[data-theme=dark] .floating-recording-widget{background:var(--color-bg-primary);border-color:var(--color-border-primary);box-shadow:0 4px 20px #0006}[data-theme=dark] .floating-recording-btn--view{background:var(--color-bg-secondary)}@media (max-width: 480px){.floating-recording-widget{bottom:16px;right:16px;left:16px;padding:var(--space-2) var(--space-3)}.floating-recording-content{justify-content:space-between;width:100%}.floating-recording-info{flex-direction:row;align-items:center;gap:var(--space-2)}.floating-recording-mode{font-size:var(--font-size-xs)}}@media (min-width: 481px) and (max-width: 768px){.floating-recording-widget{bottom:20px;right:20px}}.home-page{display:flex;flex-direction:column;gap:var(--space-6)}.home-hero{text-align:center;padding:var(--space-4) 0}.home-hero-content{max-width:600px;margin:0 auto}.home-hero-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-brand-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}[data-theme=dark] .home-hero-title{color:var(--color-text-primary)}.home-hero-logo{width:auto;vertical-align:middle}.home-hero-logo--otis{height:44px}.home-hero-logo--numih{height:24px}@media (min-width: 768px){.home-hero-title{font-size:var(--font-size-4xl)}.home-hero-logo--otis{height:54px}.home-hero-logo--numih{height:30px}}.home-hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.home-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-6)}.home-modules-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.home-modules-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.home-modules-grid{grid-template-columns:repeat(3,1fr)}}.home-module-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-normal)}.home-module-card:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-md)}.home-module-card:hover .home-module-arrow{transform:translate(4px);opacity:1}.home-module-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);flex-shrink:0;transition:transform var(--transition-normal)}.home-module-card:hover .home-module-icon{transform:scale(1.05)}.home-module-card--primary .home-module-icon{background-color:#126ab31a;color:var(--color-brand-secondary)}[data-theme=dark] .home-module-card--primary .home-module-icon{background-color:#60a5fa26;color:#60a5fa}.home-module-card--secondary .home-module-icon{background-color:#232a5514;color:var(--color-brand-primary)}[data-theme=dark] .home-module-card--secondary .home-module-icon{background-color:#94a3b826;color:#94a3b8}.home-module-card--accent .home-module-icon{background-color:#df182c14;color:var(--color-brand-accent)}[data-theme=dark] .home-module-card--accent .home-module-icon{background-color:#f8717126;color:#f87171}.home-module-content{flex:1;min-width:0}.home-module-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.home-module-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-module-arrow{color:var(--color-text-tertiary);opacity:.5;transition:all var(--transition-normal);flex-shrink:0}.home-features{margin-top:var(--space-4)}.home-features-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-6);padding:var(--space-6) var(--space-8);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}[data-theme=dark] .home-features-container{background-color:var(--color-bg-tertiary)}.home-feature-item{flex:1;min-width:200px;max-width:280px;text-align:center}.home-feature-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-brand-primary);margin-bottom:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}[data-theme=dark] .home-feature-title{color:var(--color-text-primary)}.home-feature-emoji{font-size:var(--font-size-lg)}.home-feature-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}@media (max-width: 768px){.home-page{gap:var(--space-8)}.home-hero{padding:var(--space-4) 0}.home-hero-title{font-size:var(--font-size-2xl)}.home-hero-subtitle{font-size:var(--font-size-base)}.home-module-card{padding:var(--space-4)}.home-module-icon{width:40px;height:40px}.home-module-arrow{display:none}.home-features-container{flex-direction:column;padding:var(--space-5);gap:var(--space-5)}.home-feature-item{max-width:none}}.summary-viewer{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.summary-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.summary-viewer-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#232a55;font-size:1rem}.summary-template-badge{font-size:.75rem;font-weight:500;padding:.25rem .5rem;background:#126ab3;color:#fff;border-radius:4px;margin-left:.5rem}.summary-formatted-badge{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:4px;margin-left:.5rem}.summary-viewer-actions{display:flex;align-items:center;gap:.5rem}.summary-action-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;color:#666;transition:all .2s ease}.summary-action-btn:hover{background:#f0f0f0;color:#232a55;border-color:#ccc}.summary-action-btn:disabled{opacity:.5;cursor:not-allowed}.summary-edit-btn:hover{background:#126ab3;color:#fff;border-color:#126ab3}.summary-format-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;cursor:pointer;color:#fff;font-size:.875rem;font-weight:500;transition:all .2s ease}.summary-format-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.summary-format-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.summary-export-menu{position:relative}.summary-export-btn{display:flex;align-items:center;gap:.25rem}.summary-export-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:180px;overflow:hidden}.summary-export-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:none;border:none;cursor:pointer;color:#333;font-size:.875rem;text-align:left;transition:background .2s ease}.summary-export-option:hover:not(:disabled){background:#f5f5f5}.summary-export-option:disabled{opacity:.5;cursor:not-allowed}.summary-export-divider{height:1px;background:#e0e0e0;margin:.25rem 0}.summary-viewer-content{padding:1.25rem;max-height:600px;overflow-y:auto}.summary-text{color:#1a1a2e;line-height:1.6;font-size:.9375rem}.summary-text:not(.summary-markdown){white-space:pre-wrap}.summary-markdown h1{color:#232a55;font-size:1.5rem;margin:1.5rem 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid #232a55}.summary-markdown h1:first-child{margin-top:0}.summary-markdown h2{color:#232a55;font-size:1.25rem;margin:1.25rem 0 .5rem;padding-bottom:.375rem;border-bottom:1px solid #e0e0e0}.summary-markdown h3{color:#253164;font-size:1.1rem;margin:1rem 0 .375rem}.summary-markdown h4,.summary-markdown h5,.summary-markdown h6{color:#253164;font-size:1rem;margin:.875rem 0 .25rem}.summary-markdown p{margin:.75rem 0}.summary-markdown ul,.summary-markdown ol{margin:.75rem 0;padding-left:1.5rem}.summary-markdown li{margin:.375rem 0}.summary-markdown strong,.summary-markdown b{color:#232a55;font-weight:600}.summary-markdown em,.summary-markdown i{font-style:italic}.summary-markdown blockquote{border-left:3px solid #126ab3;padding-left:1rem;margin:1rem 0;color:#666;font-style:italic;background:#f8f9fa;padding:.75rem 1rem;border-radius:0 4px 4px 0}.summary-markdown hr{border:none;border-top:1px solid #e0e0e0;margin:1.5rem 0}.summary-markdown code{background:#f5f5f5;padding:.125rem .375rem;border-radius:3px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875em}.summary-markdown pre{background:#f5f5f5;padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0}.summary-markdown pre code{background:none;padding:0}.summary-markdown table{width:100%;border-collapse:collapse;margin:1rem 0}.summary-markdown th,.summary-markdown td{border:1px solid #e0e0e0;padding:.5rem .75rem;text-align:left}.summary-markdown th{background:#232a55;color:#fff;font-weight:600}.summary-markdown tr:nth-child(2n){background:#f9f9f9}.summary-markdown a{color:#126ab3;text-decoration:none}.summary-markdown a:hover{text-decoration:underline}@media (max-width: 768px){.summary-viewer-header{flex-direction:column;gap:.75rem;align-items:flex-start}.summary-viewer-actions{width:100%;justify-content:flex-end}.summary-format-btn span{display:none}.summary-viewer-content{max-height:400px}}@media (max-width: 480px){.summary-viewer-header{padding:.75rem 1rem}.summary-viewer-content{padding:1rem}.summary-template-badge,.summary-formatted-badge{display:none}}.summary-editor-overlay{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.summary-editor-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0000004d;width:100%;max-width:900px;height:90vh;max-height:800px;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa;border-radius:12px 12px 0 0}.editor-title{font-size:1.25rem;font-weight:600;color:#232a55;margin:0}.editor-header-actions{display:flex;align-items:center;gap:.75rem}.editor-unsaved-badge{font-size:.75rem;padding:.25rem .5rem;background:#fff3cd;color:#856404;border-radius:4px;font-weight:500}.editor-save-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#232a55;border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.editor-save-btn:hover:not(:disabled){background:#126ab3}.editor-save-btn:disabled{opacity:.5;cursor:not-allowed}.editor-close-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:none;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;color:#666;transition:all .2s ease}.editor-close-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.editor-toolbar{display:flex;align-items:center;gap:.25rem;padding:.75rem 1rem;border-bottom:1px solid #e0e0e0;background:#fafafa;flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:.125rem}.toolbar-divider{width:1px;height:24px;background:#e0e0e0;margin:0 .5rem}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;color:#666;transition:all .15s ease}.toolbar-btn:hover:not(:disabled){background:#f0f0f0;color:#232a55;border-color:#ccc}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.is-active{background:#232a55;color:#fff;border-color:#232a55}.editor-content-wrapper{flex:1;overflow-y:auto;padding:1rem 1.5rem}.editor-content{min-height:100%}.editor-content .ProseMirror{min-height:400px;outline:none;font-size:.9375rem;line-height:1.6;color:#1a1a2e}.editor-content .ProseMirror:focus{outline:none}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}.editor-content .ProseMirror h1{color:#232a55;font-size:1.5rem;margin:1.5rem 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid #232a55}.editor-content .ProseMirror h1:first-child{margin-top:0}.editor-content .ProseMirror h2{color:#232a55;font-size:1.25rem;margin:1.25rem 0 .5rem;padding-bottom:.375rem;border-bottom:1px solid #e0e0e0}.editor-content .ProseMirror h3{color:#253164;font-size:1.1rem;margin:1rem 0 .375rem}.editor-content .ProseMirror p{margin:.75rem 0}.editor-content .ProseMirror ul,.editor-content .ProseMirror ol{margin:.75rem 0;padding-left:1.5rem}.editor-content .ProseMirror li{margin:.375rem 0}.editor-content .ProseMirror li p{margin:0}.editor-content .ProseMirror strong{color:#232a55;font-weight:600}.editor-content .ProseMirror blockquote{border-left:3px solid #126ab3;padding-left:1rem;margin:1rem 0;color:#666;font-style:italic;background:#f8f9fa;padding:.75rem 1rem;border-radius:0 4px 4px 0}.editor-content .ProseMirror hr{border:none;border-top:1px solid #e0e0e0;margin:1.5rem 0}.editor-content .ProseMirror code{background:#f5f5f5;padding:.125rem .375rem;border-radius:3px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875em}.editor-content .ProseMirror pre{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875rem}.editor-content .ProseMirror pre code{background:none;padding:0;color:inherit}.editor-content .ProseMirror a{color:#126ab3;text-decoration:none;cursor:pointer}.editor-content .ProseMirror a:hover{text-decoration:underline}.editor-content .ProseMirror table{width:100%;border-collapse:collapse;margin:1rem 0}.editor-content .ProseMirror th,.editor-content .ProseMirror td{border:1px solid #e0e0e0;padding:.5rem .75rem;text-align:left}.editor-content .ProseMirror th{background:#232a55;color:#fff;font-weight:600}.editor-content .ProseMirror tr:nth-child(2n) td{background:#f8f9fa}.editor-content .ProseMirror [style*="text-align: center"]{text-align:center}.editor-content .ProseMirror [style*="text-align: right"]{text-align:right}.editor-footer{padding:.75rem 1.5rem;border-top:1px solid #e0e0e0;background:#f8f9fa;border-radius:0 0 12px 12px}.editor-shortcuts{font-size:.75rem;color:#666}.editor-shortcuts kbd{display:inline-block;padding:.125rem .375rem;background:#fff;border:1px solid #ddd;border-radius:3px;font-family:inherit;font-size:.75rem;box-shadow:0 1px #ddd}.shortcut-divider{margin:0 .75rem;color:#ccc}@media (max-width: 768px){.summary-editor-modal{height:100vh;max-height:none;border-radius:0}.editor-header{border-radius:0;padding:.75rem 1rem}.editor-title{font-size:1rem}.editor-save-btn span{display:none}.editor-toolbar{gap:.125rem;padding:.5rem}.toolbar-divider{display:none}.toolbar-btn{width:28px;height:28px}.editor-content-wrapper{padding:1rem}.editor-footer{padding:.5rem 1rem}.editor-shortcuts{font-size:.625rem}.shortcut-divider{margin:0 .375rem}}@media (max-width: 480px){.editor-header-actions{gap:.5rem}.editor-unsaved-badge{display:none}.toolbar-group:nth-child(n+5){display:none}}.add-term-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.add-term-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.add-term-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.add-term-title{display:flex;align-items:center;gap:var(--space-2)}.add-term-title svg{color:var(--numih-blue-light, #126ab3)}.add-term-title h3{font-size:var(--font-size-lg);font-weight:600;margin:0}.add-term-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;color:var(--color-text-tertiary);transition:all .2s}.add-term-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.add-term-modal form{padding:var(--space-4)}.add-term-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#fef2f2;color:#991b1b;border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.add-term-field{margin-bottom:var(--space-4)}.add-term-field label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.add-term-field input{width:100%;padding:var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color .2s}.add-term-field input:focus{outline:none;border-color:var(--numih-blue-light, #126ab3)}.add-term-checkbox{margin-bottom:var(--space-4)}.add-term-checkbox label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.add-term-checkbox input{width:16px;height:16px;cursor:pointer}.add-term-reapply{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-primary)}.btn-reapply{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);border:1px solid var(--numih-blue-light, #126ab3);border-radius:var(--radius-md);background:transparent;color:var(--numih-blue-light, #126ab3);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s;justify-content:center}.btn-reapply:hover{background:var(--numih-blue-light, #126ab3);color:#fff}.btn-reapply:disabled{opacity:.6;cursor:not-allowed}.btn-reapply svg{flex-shrink:0}.btn-reapply svg.spinning{animation:spin 1s linear infinite}.add-term-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-primary)}.btn-cancel,.btn-submit,.btn-submit-secondary{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn-cancel:hover{background:var(--color-bg-tertiary)}.btn-submit{background:var(--numih-blue-light, #126ab3);color:#fff;border:none}.btn-submit:hover{background:var(--numih-blue-dark-2, #253164)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-submit-secondary{display:flex;align-items:center;gap:var(--space-2);background:var(--numih-blue-dark-2, #253164);color:#fff;border:none}.btn-submit-secondary:hover{background:var(--numih-blue-dark-1, #232a55)}.btn-submit-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-submit-secondary svg{flex-shrink:0}.add-term-success{padding:var(--space-8);text-align:center}.success-icon{width:60px;height:60px;margin:0 auto var(--space-4);background:#ecfdf5;color:#065f46;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.add-term-success p{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0}.audio-mini-player{background:linear-gradient(135deg,#232a55,#253164);border-radius:12px;padding:12px 16px;margin:16px 0;box-shadow:0 4px 12px #232a554d;color:#fff;max-width:100%}.audio-mini-player-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px}.audio-mini-player-text{font-size:13px;color:#ffffffd9;font-style:italic;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-mini-player-close{background:#ffffff1a;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:all .2s ease;flex-shrink:0}.audio-mini-player-close:hover{background:#fff3;color:#fff}.audio-mini-player-controls{display:flex;align-items:center;gap:12px}.audio-mini-player-play{background:#126ab3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0}.audio-mini-player-play:hover:not(:disabled){background:#1a7ac5;transform:scale(1.05)}.audio-mini-player-play:disabled{opacity:.5;cursor:not-allowed}.audio-mini-player-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.audio-mini-player-progress-container{flex:1;display:flex;flex-direction:column;gap:4px}.audio-mini-player-progress{height:6px;background:#fff3;border-radius:3px;cursor:pointer;overflow:hidden}.audio-mini-player-progress-fill{height:100%;background:#126ab3;border-radius:3px;transition:width .1s linear}.audio-mini-player-time{display:flex;gap:4px;font-size:11px;color:#ffffffb3;font-family:SF Mono,Monaco,Consolas,monospace}.audio-mini-player-mute{background:#ffffff1a;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:all .2s ease;flex-shrink:0}.audio-mini-player-mute:hover:not(:disabled){background:#fff3;color:#fff}.audio-mini-player-mute:disabled{opacity:.5;cursor:not-allowed}.audio-mini-player-error{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;background:#df182c33;border-radius:6px;font-size:12px;color:#ff6b7a}.audio-mini-player-timestamp{margin-top:8px;font-size:11px;color:#ffffff80;text-align:center}@media (max-width: 480px){.audio-mini-player{padding:10px 12px}.audio-mini-player-text{font-size:12px}.audio-mini-player-play{width:36px;height:36px}.audio-mini-player-mute{width:28px;height:28px}}.participants-list-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.participants-list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.participants-list-header:hover{background:var(--color-bg-hover)}.participants-list-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.participants-collapse-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:background-color .15s ease}.participants-collapse-btn:hover{background:var(--color-bg-secondary)}.participants-list-content{padding:var(--space-4)}.participants-summary{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.participants-summary-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.participants-list{display:flex;flex-direction:column;gap:var(--space-2)}.participant-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:all .15s ease}.participant-item:hover{border-color:var(--participant-color);box-shadow:0 2px 8px #0000000d}.participant-item.participant-active{border-color:var(--participant-color);background:color-mix(in srgb,var(--participant-color) 5%,var(--color-bg-primary))}.participant-color-indicator{width:4px;height:100%;min-height:40px;background:var(--participant-color);border-radius:2px;flex-shrink:0}.participant-info{flex:1;min-width:0}.participant-name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.participant-filter-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:var(--participant-color);color:#fff;font-size:10px;font-weight:500;border-radius:var(--radius-full)}.participant-stats{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.participant-separator{opacity:.5}.participant-progress-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:60px}.participant-percentage{font-size:var(--font-size-xs);font-weight:600;color:var(--participant-color)}.participant-progress-bar{width:60px;height:4px;background:var(--color-bg-tertiary);border-radius:2px;overflow:hidden}.participant-progress-fill{height:100%;background:var(--participant-color);border-radius:2px;transition:width .3s ease}.participants-clear-filter{display:block;width:100%;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease}.participants-clear-filter:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text-primary)}[data-theme=dark] .participants-list-container{background:var(--color-bg-tertiary)}[data-theme=dark] .participants-list-header,[data-theme=dark] .participant-item{background:var(--color-bg-secondary)}[data-theme=dark] .participant-item.participant-active{background:color-mix(in srgb,var(--participant-color) 10%,var(--color-bg-secondary))}@media (max-width: 480px){.participants-summary{flex-direction:column;gap:var(--space-2)}.participant-item{flex-wrap:wrap}.participant-progress-container{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-light)}.participant-progress-bar{flex:1;max-width:120px}}.speaker-identification-badge{display:inline-flex;flex-direction:column;gap:var(--space-1);flex-shrink:0}.speaker-id-badge-container{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0}.speaker-id-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap;transition:all .15s ease}.speaker-id-badge.compact{padding:2px 6px;font-size:10px}.speaker-id-badge.compact svg{width:10px;height:10px}.speaker-id-badge.identified{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3)}.speaker-id-badge.identified svg{color:#10b981}.speaker-id-badge.suggested{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.speaker-id-badge.suggested svg{color:#f59e0b}.speaker-id-badge.unknown{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.speaker-id-badge.unknown svg{color:var(--color-text-tertiary)}.speaker-id-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.speaker-id-confidence{opacity:.8;font-size:10px;margin-left:2px}.speaker-id-actions{display:flex;align-items:center;gap:2px}.speaker-id-action-btn{display:flex;align-items:center;justify-content:center;gap:2px;width:20px;height:20px;padding:0;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.speaker-id-action-btn:disabled{opacity:.5;cursor:not-allowed}.speaker-id-action-btn.confirm{background:#10b98126;color:#10b981}.speaker-id-action-btn.confirm:hover:not(:disabled){background:#10b981;color:#fff}.speaker-id-action-btn.reject{background:#ef444426;color:#ef4444}.speaker-id-action-btn.reject:hover:not(:disabled){background:#ef4444;color:#fff}.speaker-id-action-btn.cancel{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.speaker-id-action-btn.cancel:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.speaker-id-action-btn.learn{background:var(--numih-blue-light);color:#fff}.speaker-id-action-btn.learn:hover:not(:disabled){background:var(--numih-blue-dark-2)}.speaker-id-action-btn.learn-trigger{width:auto;padding:2px 8px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:10px}.speaker-id-action-btn.learn-trigger:hover:not(:disabled){background:var(--numih-blue-light);color:#fff}.speaker-id-action-btn.learn-trigger span{margin-left:2px}.speaker-id-learn-container{display:flex;align-items:center;gap:4px}.speaker-id-learn-input{width:120px;padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);background:var(--color-bg-primary);color:var(--color-text-primary);transition:all .15s ease}.speaker-id-learn-input:focus{outline:none;border-color:var(--numih-blue-light);box-shadow:0 0 0 2px #126ab31a}.speaker-id-learn-input::placeholder{color:var(--color-text-tertiary)}.speaker-id-spinner{animation:spin 1s linear infinite;color:var(--numih-blue-light)}.speaker-id-action-btn .spinner{animation:spin 1s linear infinite}.speaker-id-error{font-size:10px;color:var(--color-error, #ef4444);max-width:200px}[data-theme=dark] .speaker-id-badge.identified{background:#10b98140;color:#34d399;border-color:#10b98166}[data-theme=dark] .speaker-id-badge.suggested{background:#f59e0b40;color:#fbbf24;border-color:#f59e0b66}[data-theme=dark] .speaker-id-badge.unknown{background:var(--color-bg-secondary)}[data-theme=dark] .speaker-id-learn-input{background:var(--color-bg-tertiary);border-color:var(--color-border-light)}[data-theme=dark] .speaker-id-action-btn.confirm{background:#10b98140;color:#34d399}[data-theme=dark] .speaker-id-action-btn.reject{background:#ef444440;color:#f87171}@media (max-width: 480px){.speaker-id-badge{padding:2px 6px;font-size:10px}.speaker-id-name{max-width:80px}.speaker-id-confidence{display:none}.speaker-id-learn-input{width:100px}}.speaker-mapper-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.speaker-mapper-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.speaker-mapper-header:hover{background:var(--color-bg-hover)}.speaker-mapper-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.speaker-mapper-ai-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background:linear-gradient(135deg,#8b5cf626,#3b82f626);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-full);color:#8b5cf6;margin-left:var(--space-1)}.speaker-mapper-ai-badge svg{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.speaker-mapper-collapse-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:background-color .15s ease}.speaker-mapper-collapse-btn:hover{background:var(--color-bg-secondary)}.speaker-mapper-content{padding:var(--space-4)}.speaker-mapper-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-3);background:var(--color-error-light, #fef2f2);border:1px solid var(--color-error, #ef4444);border-radius:var(--radius-md);color:var(--color-error, #ef4444);font-size:var(--font-size-sm)}.speaker-mapper-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.speaker-mapper-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:all .15s ease;overflow:visible}.speaker-mapper-item:hover{border-color:var(--color-border-hover);box-shadow:0 2px 8px #0000000d}.speaker-mapper-audio-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.speaker-mapper-audio-btn:hover:not(.disabled){background:var(--numih-blue-light);border-color:var(--numih-blue-light);color:#fff}.speaker-mapper-audio-btn.playing{background:var(--numih-blue-light);border-color:var(--numih-blue-light);color:#fff;animation:pulse-audio 1.5s ease-in-out infinite}.speaker-mapper-audio-btn.disabled{opacity:.5;cursor:not-allowed}.speaker-mapper-audio-btn svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;display:block!important;color:#64748b!important;stroke:#64748b!important;fill:none!important;stroke-width:2!important}.speaker-mapper-audio-btn:hover:not(.disabled) svg,.speaker-mapper-audio-btn.playing svg{color:#fff!important;stroke:#fff!important}[data-theme=dark] .speaker-mapper-audio-btn svg{color:#94a3b8!important;stroke:#94a3b8!important}@keyframes pulse-audio{0%,to{opacity:1}50%{opacity:.6}}.speaker-mapper-label{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;flex-shrink:0;min-width:85px;justify-content:center}.speaker-mapper-label.speaker-1{background:#2563eb26;color:#2563eb}.speaker-mapper-label.speaker-2{background:#10b98126;color:#059669}.speaker-mapper-label.speaker-3{background:#f59e0b26;color:#d97706}.speaker-mapper-label.speaker-4{background:#8b5cf626;color:#7c3aed}.speaker-mapper-label.speaker-5{background:#ec489926;color:#db2777}.speaker-mapper-label.speaker-6{background:#14b8a626;color:#0d9488}.speaker-mapper-input-group{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.speaker-mapper-input{flex:1;min-width:0;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all .15s ease}.speaker-mapper-input:focus{outline:none;border-color:var(--numih-blue-light);box-shadow:0 0 0 3px #126ab31a}.speaker-mapper-input::placeholder{color:var(--color-text-tertiary)}.speaker-mapper-apply-suggestion{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);color:#10b981;cursor:pointer;flex-shrink:0;transition:all .15s ease}.speaker-mapper-apply-suggestion:hover{background:#10b981;border-color:#10b981;color:#fff}.speaker-mapper-apply-suggestion svg{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;display:block!important;color:#10b981!important;stroke:#10b981!important;fill:none!important;stroke-width:2!important}.speaker-mapper-apply-suggestion:hover svg{color:#fff!important;stroke:#fff!important}.speaker-mapper-validate-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);background:#10b9811a;color:#10b981;cursor:pointer;flex-shrink:0;transition:all .2s ease}.speaker-mapper-validate-btn:hover{background:#10b98133}.speaker-mapper-validate-btn:active{background:#10b981;color:#fff}.speaker-mapper-validate-btn svg{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;display:block!important;color:#10b981!important;stroke:#10b981!important;fill:none!important;stroke-width:2!important}.speaker-mapper-validate-btn:hover svg{color:#059669!important;stroke:#059669!important}.speaker-mapper-validate-btn:active svg{color:#fff!important;stroke:#fff!important}.speaker-mapper-completed-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-full);color:#10b981;margin-left:var(--space-1)}.speaker-mapper-completed-badge svg{color:#10b981!important;stroke:#10b981!important;fill:none!important}.speaker-mapper-completed{display:flex;flex-direction:column;gap:var(--space-3)}.speaker-mapper-success{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:#10b981;font-size:var(--font-size-sm);font-weight:500}.speaker-mapper-replaced-list{display:flex;flex-direction:column;gap:var(--space-2)}.speaker-mapper-replaced-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.speaker-mapper-arrow{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.speaker-mapper-replaced-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}[data-theme=dark] .speaker-mapper-success{background:#10b98126}[data-theme=dark] .speaker-mapper-replaced-item{background:var(--color-bg-secondary)}.speaker-mapper-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2);margin-top:var(--space-3)}.speaker-mapper-section-title:first-child{margin-top:0}.speaker-mapper-verified-section{margin-bottom:var(--space-3)}.speaker-mapper-verified-list{display:flex;flex-direction:column;gap:var(--space-2)}.speaker-mapper-verified-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md)}.speaker-mapper-verified-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#10b98126;border-radius:var(--radius-full);font-size:10px;font-weight:500;color:#10b981}.speaker-mapper-verified-badge svg{color:#10b981!important;stroke:#10b981!important;fill:none!important}.speaker-mapper-section-title svg{color:#64748b!important;stroke:#64748b!important;fill:none!important}[data-theme=dark] .speaker-mapper-section-title svg{color:#94a3b8!important;stroke:#94a3b8!important}[data-theme=dark] .speaker-mapper-verified-badge svg{color:#34d399!important;stroke:#34d399!important}[data-theme=dark] .speaker-mapper-verified-item{background:#10b9811a;border-color:#10b9814d}[data-theme=dark] .speaker-mapper-verified-badge{background:#10b98140;color:#34d399}.speaker-mapper-edit-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:#94a3b8;cursor:pointer;flex-shrink:0;margin-left:auto;opacity:0;transition:all .2s ease}.speaker-mapper-verified-item:hover .speaker-mapper-edit-btn{opacity:1}.speaker-mapper-edit-btn:hover{background:#64748b26;color:#64748b}.speaker-mapper-edit-btn svg{color:currentColor!important;stroke:currentColor!important;fill:none!important}[data-theme=dark] .speaker-mapper-edit-btn{color:#64748b}[data-theme=dark] .speaker-mapper-edit-btn:hover{background:#94a3b826;color:#94a3b8}.speaker-mapper-save-btn,.speaker-mapper-cancel-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;transition:all .2s ease}.speaker-mapper-save-btn{background:#10b9811a;color:#10b981}.speaker-mapper-save-btn:hover:not(:disabled){background:#10b98133}.speaker-mapper-save-btn:disabled{opacity:.4;cursor:not-allowed}.speaker-mapper-save-btn svg{color:#10b981!important;stroke:#10b981!important;fill:none!important}.speaker-mapper-cancel-btn{background:#ef44441a;color:#ef4444}.speaker-mapper-cancel-btn:hover:not(:disabled){background:#ef444433}.speaker-mapper-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.speaker-mapper-cancel-btn svg{color:#ef4444!important;stroke:#ef4444!important;fill:none!important}.speaker-mapper-suggestion{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:11px;color:var(--color-text-secondary);flex-shrink:0;max-width:160px;cursor:default}.speaker-mapper-suggestion svg{color:var(--numih-blue-light);flex-shrink:0}.speaker-mapper-suggestion-confidence{font-weight:600;color:var(--numih-blue-light)}.speaker-mapper-suggestion-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speaker-mapper-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.speaker-mapper-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s ease}.speaker-mapper-btn:disabled{opacity:.6;cursor:not-allowed}.speaker-mapper-btn-secondary{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary)}.speaker-mapper-btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.speaker-mapper-btn-primary{background:var(--numih-blue-light);border:1px solid var(--numih-blue-light);color:#fff}.speaker-mapper-btn-primary:hover:not(:disabled){background:var(--numih-blue-dark-2);border-color:var(--numih-blue-dark-2)}.speaker-mapper-btn-warning{background:#f59e0b;border:1px solid #f59e0b;color:#fff}.speaker-mapper-btn-warning:hover:not(:disabled){background:#d97706;border-color:#d97706}.speaker-mapper-btn .spinner{animation:spin 1s linear infinite}[data-theme=dark] .speaker-mapper-container{background:var(--color-bg-tertiary)}[data-theme=dark] .speaker-mapper-header,[data-theme=dark] .speaker-mapper-item{background:var(--color-bg-secondary)}[data-theme=dark] .speaker-mapper-input{background:var(--color-bg-tertiary)}[data-theme=dark] .speaker-mapper-error{background:#ef44441a}[data-theme=dark] .speaker-mapper-label.speaker-1{background:#2563eb40;color:#60a5fa}[data-theme=dark] .speaker-mapper-label.speaker-2{background:#10b98140;color:#34d399}[data-theme=dark] .speaker-mapper-label.speaker-3{background:#f59e0b40;color:#fbbf24}[data-theme=dark] .speaker-mapper-label.speaker-4{background:#8b5cf640;color:#a78bfa}[data-theme=dark] .speaker-mapper-label.speaker-5{background:#ec489940;color:#f472b6}[data-theme=dark] .speaker-mapper-label.speaker-6{background:#14b8a640;color:#2dd4bf}@media (max-width: 768px){.speaker-mapper-item{flex-wrap:wrap;gap:var(--space-2)}.speaker-mapper-audio-btn{width:28px;height:28px}.speaker-mapper-label{min-width:auto}.speaker-mapper-input-group{width:100%;order:3}.speaker-mapper-input{width:100%}.speaker-mapper-suggestion{order:4;width:100%;max-width:none;justify-content:flex-start}.speaker-mapper-actions{flex-direction:column}.speaker-mapper-btn{width:100%;justify-content:center}}@media (max-width: 480px){.speaker-mapper-content{padding:var(--space-3)}.speaker-mapper-item{padding:var(--space-2)}.speaker-mapper-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}.dictionary-toggle-container{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.dictionary-toggle-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .2s}.dictionary-toggle-header:hover{background:var(--color-bg-secondary)}.toggle-left{display:flex;align-items:center;gap:var(--space-2)}.toggle-left svg{color:var(--numih-blue-light, #126ab3)}.toggle-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.terms-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.toggle-right{display:flex;align-items:center;gap:var(--space-3)}.expand-icon{color:var(--color-text-tertiary);transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border-primary);transition:.3s;border-radius:22px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--numih-blue-light, #126ab3)}input:checked+.slider:before{transform:translate(18px)}.dictionary-toggle-content{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.toggle-loading{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.toggle-empty{text-align:center}.toggle-empty p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.toggle-stats{display:flex;flex-direction:column;gap:var(--space-2)}.stat-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.stat-row span:first-child{color:var(--color-text-secondary)}.stat-value{font-weight:500;color:var(--color-text-primary)}.toggle-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--numih-blue-light, #126ab3);text-decoration:none;margin-top:var(--space-2)}.toggle-link:hover{text-decoration:underline}.toggle-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0;padding:var(--space-2) var(--space-4) var(--space-3);background:#126ab30d;border-top:1px solid var(--color-border-primary)}.meeting-info-box{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:16px;padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:0 2px 8px #232a550f}.meeting-info-box__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.meeting-info-box__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-bg-tertiary);border-radius:10px;color:var(--color-interactive-primary);flex-shrink:0}.meeting-info-box__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1}.meeting-info-box__badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);background-color:var(--color-info-light);color:var(--color-info);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:6px;flex-shrink:0}.meeting-info-box--viewing{border-color:var(--color-info);border-width:1px}.meeting-info-box--viewing .meeting-info-box__icon{background-color:var(--color-info-light);color:var(--color-info)}.meeting-info-box__field{display:flex;flex-direction:column;gap:var(--space-2)}.meeting-info-box__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.meeting-info-box__input-wrapper{position:relative;display:flex;align-items:center}.meeting-info-box__input-wrapper .meeting-info-box__input{padding-right:var(--space-10)}.meeting-info-box__save-indicator{position:absolute;right:var(--space-3);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.meeting-info-box__save-indicator--success{color:var(--color-success)}.meeting-info-box__spinner{animation:meeting-info-spin 1s linear infinite}@keyframes meeting-info-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.meeting-info-box__input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-primary);border-radius:10px;font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-secondary);transition:border-color .2s ease,box-shadow .2s ease}.meeting-info-box__input:focus{outline:none;border-color:var(--color-interactive-primary);box-shadow:0 0 0 3px #126ab326;background-color:var(--color-bg-primary)}.meeting-info-box__input::placeholder{color:var(--color-text-tertiary)}.meeting-info-box__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-1)}.meeting-info-box__hint,.meeting-info-box__char-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.meeting-info-box__char-count--warning{color:var(--color-warning)}.meeting-info-box__metadata{display:flex;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--color-border-primary)}.meeting-info-box__meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (max-width: 480px){.meeting-info-box{padding:var(--space-4)}.meeting-info-box__input{padding:var(--space-3);font-size:var(--font-size-base)}.meeting-info-box__footer{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.meeting-info-box__metadata{flex-direction:column;gap:var(--space-2)}}.section-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-4));flex-shrink:0;width:48px;height:calc(100vh - var(--header-height) - var(--space-4) * 2);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-1);z-index:10;align-self:flex-start;display:flex;flex-direction:column}.section-sidebar__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 auto var(--space-2);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.section-sidebar__back:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.section-sidebar__groups{display:flex;flex-direction:column;flex:1;min-height:0}.section-sidebar__group{display:flex;flex-direction:column}.section-sidebar__bottom{flex-shrink:0;margin-top:auto}.section-sidebar__divider{width:24px;height:1px;background-color:var(--color-border-primary);margin:var(--space-3) auto}.section-sidebar__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.section-sidebar__item{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 auto;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.section-sidebar__item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.section-sidebar__item--active{background-color:#126ab314;color:var(--color-interactive-primary)}.section-sidebar__item--active:before{content:"";position:absolute;left:-5px;top:6px;bottom:6px;width:3px;background-color:var(--color-interactive-primary);border-radius:0 2px 2px 0}[data-theme=dark] .section-sidebar{background-color:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .section-sidebar__divider{background-color:var(--color-border-primary)}[data-theme=dark] .section-sidebar__item--active{background-color:#60a5fa1f;color:#60a5fa}[data-theme=dark] .section-sidebar__item--active:before{background-color:#60a5fa}.page-sidebar-layout{display:flex;gap:var(--space-4);align-items:flex-start}.page-sidebar-layout>:not(.section-sidebar){flex:1;min-width:0}@media (max-width: 768px){.page-sidebar-layout{display:block}}@media (max-width: 768px){.section-sidebar{display:none}}.upload-page-layout{display:flex;gap:var(--space-4);align-items:flex-start}.upload-page-layout>.upload-page{flex:1;min-width:0}@media (max-width: 768px){.upload-page-layout{display:block}}.upload-page{display:flex;flex-direction:column;gap:var(--space-6)}.upload-header{text-align:center;margin-bottom:var(--space-8)}.upload-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2)}.upload-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#126ab31a;border-radius:var(--radius-lg);color:var(--color-brand-secondary)}[data-theme=dark] .upload-title-icon{background-color:#60a5fa26;color:#60a5fa}.upload-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.upload-vexa-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:#126ab31a;border:1px solid var(--color-brand-secondary);border-radius:var(--radius-lg);color:var(--color-brand-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}[data-theme=dark] .upload-vexa-banner{background-color:#60a5fa26;border-color:#60a5fa;color:#60a5fa}.upload-section{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal)}.upload-section:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-sm)}.upload-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.upload-section-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-interactive-primary)}.upload-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.upload-dropzone{border:2px dashed var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;background-color:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-normal)}.upload-dropzone:hover{border-color:var(--color-interactive-primary);background-color:#126ab30a}[data-theme=dark] .upload-dropzone:hover{background-color:#60a5fa14}.upload-dropzone.active{border-color:var(--color-interactive-primary);background-color:#126ab314;border-style:solid}[data-theme=dark] .upload-dropzone.active{background-color:#60a5fa1f}.upload-dropzone-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-4);transition:all var(--transition-normal)}.upload-dropzone:hover .upload-dropzone-icon{color:var(--color-interactive-primary);transform:translateY(-2px)}.upload-dropzone-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.upload-dropzone-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.upload-file-info{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background-color:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);margin-top:var(--space-4)}[data-theme=dark] .upload-file-info{background-color:#10b9811f;border-color:#10b9814d}.upload-file-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-success);border-radius:var(--radius-md);color:#fff;flex-shrink:0}.upload-file-details{flex:1;min-width:0}.upload-file-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);word-break:break-word;margin-bottom:var(--space-1)}.upload-file-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;flex-wrap:wrap;gap:var(--space-2)}.upload-file-meta span{display:inline-flex;align-items:center;gap:var(--space-1)}.upload-file-conversion{font-size:var(--font-size-sm);color:var(--color-interactive-primary);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.upload-llm-selector{margin-bottom:var(--space-5);padding:var(--space-4);background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.upload-llm-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.upload-llm-options{display:flex;gap:var(--space-2)}.upload-llm-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background-color:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.upload-llm-option:hover{border-color:var(--color-border-secondary)}.upload-llm-option.selected{border-color:var(--color-interactive-primary);background-color:#126ab314}[data-theme=dark] .upload-llm-option.selected{background-color:#60a5fa1f}.upload-llm-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.upload-llm-desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.upload-llm-name{display:flex;align-items:center;gap:var(--space-2)}.upload-llm-badge{font-size:.65rem;font-weight:var(--font-weight-semibold);padding:2px 6px;background-color:var(--color-warning);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.upload-llm-option.external{border-style:dashed}.upload-llm-option.external.selected{border-style:solid;border-color:var(--color-warning);background-color:#f59e0b14}[data-theme=dark] .upload-llm-option.external.selected{background-color:#fbbf241f}.upload-llm-warning{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-top:var(--space-3);background-color:#f59e0b1a;border:1px solid var(--color-warning);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-warning-dark, #b45309)}.upload-llm-warning svg{flex-shrink:0;margin-top:2px;color:var(--color-warning)}[data-theme=dark] .upload-llm-warning{background-color:#fbbf241a;color:var(--color-warning)}.upload-llm-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);margin-top:var(--space-3);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.upload-llm-info svg{flex-shrink:0;color:var(--color-text-tertiary)}.upload-llm-info a{color:var(--color-interactive-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.upload-llm-info a:hover{text-decoration:underline}@media (max-width: 480px){.upload-llm-options{flex-direction:column}}.upload-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (min-width: 768px){.upload-template-grid{grid-template-columns:repeat(4,1fr)}}.upload-template-card{position:relative;padding:var(--space-4);background-color:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:center}.upload-template-card:hover{border-color:var(--color-border-secondary);background-color:var(--color-bg-primary)}.upload-template-card.selected{border-color:var(--color-interactive-primary);background-color:#126ab314}[data-theme=dark] .upload-template-card.selected{background-color:#60a5fa1f}.upload-template-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.upload-template-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto var(--space-3);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-normal)}.upload-template-card.selected .upload-template-icon{background-color:var(--color-interactive-primary);color:#fff}.upload-template-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.upload-template-desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.upload-template-check{position:absolute;top:var(--space-2);right:var(--space-2);color:var(--color-interactive-primary);opacity:0;transform:scale(.8);transition:all var(--transition-normal)}.upload-template-card.selected .upload-template-check{opacity:1;transform:scale(1)}.upload-custom-prompt{margin-top:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg)}.upload-custom-prompt label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.upload-custom-prompt textarea{width:100%;min-height:120px;padding:var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-primary);resize:vertical;transition:all var(--transition-fast)}.upload-custom-prompt textarea:focus{outline:none;border-color:var(--color-interactive-primary);box-shadow:var(--shadow-focus)}.upload-custom-prompt textarea::placeholder{color:var(--color-text-tertiary)}.upload-prompt-hint{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);background-color:#126ab30d;border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary)}[data-theme=dark] .upload-prompt-hint{background-color:#60a5fa14}.upload-prompt-hint svg{flex-shrink:0;color:var(--color-interactive-primary)}.upload-actions{display:flex;flex-direction:column;gap:var(--space-4)}.upload-actions-row,.upload-actions--preloaded{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.upload-actions--preloaded .upload-btn{flex:0 1 auto;min-width:180px}@media (max-width: 480px){.upload-actions--preloaded{flex-direction:column;align-items:stretch}.upload-actions--preloaded .upload-btn{min-width:100%}}.upload-actions-row .upload-btn{flex:1 1 auto;min-width:200px;max-width:280px}@media (max-width: 640px){.upload-actions-row .upload-btn{min-width:100%;max-width:100%}}.upload-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);border:none;border-radius:var(--radius-lg);font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-btn--primary{background-color:var(--color-interactive-primary);color:#fff}.upload-btn--primary:hover:not(:disabled){background-color:var(--color-interactive-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.upload-btn--secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.upload-btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-border-secondary)}.upload-btn--background{background-color:#f59e0b;color:#fff}.upload-btn--background:hover:not(:disabled){background-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.upload-btn--danger{background-color:var(--color-error);color:#fff}.upload-btn--danger:hover:not(:disabled){opacity:.9}.upload-progress{padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg)}.upload-progress-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.upload-progress-bar{height:8px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.upload-progress-fill{height:100%;background-color:var(--color-interactive-primary);border-radius:var(--radius-full);transition:width .3s ease}.upload-progress-text{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.upload-save-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.upload-save-status--saving{background-color:#126ab314;color:var(--color-interactive-primary)}.upload-save-status--saved{background-color:#10b98114;color:var(--color-success)}.upload-save-status--error{background-color:#ef444414;color:var(--color-error)}.upload-auth-prompt{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:#126ab30d;border:1px solid rgba(18,106,179,.15);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}[data-theme=dark] .upload-auth-prompt{background-color:#60a5fa14;border-color:#60a5fa33}.upload-auth-prompt svg{flex-shrink:0;color:var(--color-interactive-primary)}.upload-results{display:flex;flex-direction:column;gap:var(--space-6)}.upload-result-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden}.upload-result-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary)}.upload-result-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.upload-result-actions{display:flex;align-items:center;gap:var(--space-2)}.upload-result-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.upload-result-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.upload-result-btn:disabled,.upload-result-btn.disabled{opacity:.4;cursor:not-allowed}.upload-result-btn:disabled:hover,.upload-result-btn.disabled:hover{background-color:transparent;color:var(--color-text-secondary)}.upload-result-content{padding:var(--space-5)}.upload-result-content .participants-list-container{margin-bottom:var(--space-4)}.upload-result-text{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);white-space:pre-wrap}.upload-transcription-textarea{width:100%;min-height:200px;padding:var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:var(--color-bg-secondary);resize:vertical}.upload-transcription-textarea:focus{outline:none;border-color:var(--color-interactive-primary)}.upload-transcription-text{width:100%;min-height:200px;max-height:400px;overflow-y:auto;padding:var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:var(--color-bg-secondary);white-space:pre-wrap;word-wrap:break-word}.inaudible-marker{display:inline-block;padding:2px 8px;margin:2px 4px;background-color:#df182c1a;border:1px solid rgba(223,24,44,.3);border-radius:var(--radius-sm);color:#df182c;font-style:italic;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.speaker-tag{display:inline-block;font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:var(--radius-sm);margin-right:var(--space-2);font-size:var(--font-size-sm)}.speaker-1{background-color:#2563eb26;color:#2563eb}.speaker-2{background-color:#10b98126;color:#059669}.speaker-3{background-color:#f59e0b26;color:#d97706}.speaker-4{background-color:#8b5cf626;color:#7c3aed}.speaker-5{background-color:#ec489926;color:#db2777}.speaker-6{background-color:#14b8a626;color:#0d9488}.diarization-option{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#126ab314;margin-bottom:var(--space-3);transition:background-color .2s ease;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.diarization-option:hover{background:#126ab326}.diarization-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-interactive-primary, #126ab3);cursor:pointer}.diarization-option span{-webkit-user-select:none;user-select:none}.diarization-hint{font-size:var(--font-size-xs);color:var(--color-text-muted, #666);font-style:italic;margin-left:var(--space-2)}.live-diarization{margin-top:var(--space-2);margin-bottom:var(--space-3)}.upload-template-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background-color:var(--color-interactive-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.upload-section{padding:var(--space-4)}.upload-dropzone{padding:var(--space-6)}.upload-template-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.upload-template-card{padding:var(--space-3)}.upload-template-icon{width:36px;height:36px}.upload-result-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.upload-result-actions{width:100%;justify-content:flex-end}}.source-type-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-1);background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.source-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.source-tab:hover{color:var(--color-text-primary)}.source-tab.active{background-color:var(--color-bg-primary);color:var(--color-interactive-primary);box-shadow:var(--shadow-sm)}[data-theme=dark] .source-tab.active{background-color:var(--color-bg-secondary)}@media (max-width: 480px){.source-tab span{display:none}.source-tab{padding:var(--space-3)}}.import-mode-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.import-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.import-mode-btn:hover{border-color:var(--color-border-secondary);color:var(--color-text-primary)}.import-mode-btn.active{border-color:var(--color-interactive-primary);background:#126ab314;color:var(--color-interactive-primary)}[data-theme=dark] .import-mode-btn.active{background:#60a5fa1f}.external-textarea{width:100%;min-height:300px;padding:var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:var(--color-bg-secondary);resize:vertical;transition:border-color var(--transition-fast)}.external-textarea:focus{outline:none;border-color:var(--color-interactive-primary);box-shadow:var(--shadow-focus)}.external-textarea::placeholder{color:var(--color-text-tertiary)}.char-count{display:flex;justify-content:flex-end;margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.char-count.warning{color:#f59e0b}.char-count.error{color:var(--color-error)}.external-validate-btn{margin-top:var(--space-4);width:100%}.external-status{margin-top:var(--space-4)}.upload-file-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.upload-file-remove:hover{background-color:#ef44441a;color:var(--color-error)}.external-loaded-info{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background-color:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-success)}[data-theme=dark] .external-loaded-info{background-color:#10b9811f;border-color:#10b9814d}.clean-timestamps-option{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#126ab314;margin-bottom:var(--space-4);transition:background-color .2s ease;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.clean-timestamps-option:hover{background:#126ab326}.clean-timestamps-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-interactive-primary);cursor:pointer}.clean-timestamps-option span{-webkit-user-select:none;user-select:none}.clean-timestamps-option svg{color:var(--color-interactive-primary)}[data-theme=dark] .clean-timestamps-option{background:#60a5fa1f}[data-theme=dark] .clean-timestamps-option:hover{background:#60a5fa33}@media (max-width: 480px){.import-mode-btn span{display:none}.external-textarea{min-height:200px}}.upload-dictionary-section{margin-top:var(--space-2)}.server-busy-warning{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:#b45309}.server-busy-warning svg{flex-shrink:0;color:#f59e0b}[data-theme=dark] .server-busy-warning{background-color:#fbbf241f;border-color:#fbbf2466;color:#fbbf24}[data-theme=dark] .server-busy-warning svg{color:#fbbf24}.upload-btn--server-busy{position:relative}.upload-btn--server-busy:after{content:"";position:absolute;top:-4px;right:-4px;width:10px;height:10px;background-color:#f59e0b;border-radius:50%;animation:pulse-warning 1.5s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.upload-collapsible{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:16px;overflow:hidden;transition:all var(--transition-normal)}.upload-collapsible:hover{border-color:var(--color-border-secondary)}.upload-collapsible__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);background-color:var(--color-bg-secondary);border:none;cursor:pointer;transition:background-color var(--transition-fast);font-family:var(--font-family-sans)}.upload-collapsible__toggle:hover{background-color:var(--color-bg-tertiary)}.upload-collapsible__toggle-content{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.upload-collapsible__toggle-content svg{color:var(--color-interactive-primary)}.upload-collapsible__toggle>svg{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.upload-collapsible--expanded .upload-collapsible__toggle{border-bottom:1px solid var(--color-border-primary)}.upload-collapsible__content{padding:var(--space-5);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.upload-collapsible--collapsed{border-style:dashed;background-color:var(--color-bg-secondary)}.upload-collapsible--collapsed .upload-collapsible__toggle{background-color:transparent}.upload-collapsible--collapsed .upload-collapsible__toggle-content{color:var(--color-text-secondary)}.upload-collapsible--collapsed:hover{border-color:var(--color-interactive-primary);background-color:#126ab30a}[data-theme=dark] .upload-collapsible--collapsed:hover{background-color:#60a5fa14}@media (max-width: 480px){.upload-collapsible__toggle{padding:var(--space-3) var(--space-4)}.upload-collapsible__content{padding:var(--space-4)}}.inaudible-warning{background-color:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}[data-theme=dark] .inaudible-warning{background-color:#eab30826;border-color:#eab30866}.inaudible-warning-header{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);color:#b45309;margin-bottom:var(--space-3)}[data-theme=dark] .inaudible-warning-header{color:#fbbf24}.inaudible-warning-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.inaudible-segment-badge{display:inline-flex;align-items:center;gap:var(--space-1);background-color:#eab30833;color:#92400e;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family-mono)}[data-theme=dark] .inaudible-segment-badge{background-color:#eab30840;color:#fcd34d}.inaudible-duration{font-size:var(--font-size-xs);opacity:.8;margin-left:var(--space-1)}.inaudible-warning-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-style:italic}.teams-page-layout{display:flex;gap:var(--space-4);align-items:flex-start}.teams-page-layout>.teams-page{flex:1;min-width:0}@media (max-width: 768px){.teams-page-layout{display:block}}.teams-page{max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-4)}.teams-header{text-align:center;margin-bottom:var(--space-8)}.teams-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.teams-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);color:#fff}.teams-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.teams-section{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.teams-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.teams-section-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-primary)}.teams-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.teams-mode-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.teams-mode-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.teams-mode-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary);color:var(--color-text-primary)}.teams-mode-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.teams-mode-btn svg{flex-shrink:0}.teams-recorder-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.teams-recorder-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal)}.teams-recorder-option:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.teams-recorder-option-icon{font-size:2.5rem}.teams-recorder-option-label{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.teams-recorder-option-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.teams-recording-state{display:flex;flex-direction:column;align-items:center;padding:var(--space-8)}.teams-recording-indicator{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.teams-recording-dot{width:12px;height:12px;background-color:var(--color-error);border-radius:50%;animation:teams-pulse 1.5s ease-in-out infinite}@keyframes teams-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.teams-recording-label{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.teams-recording-mode{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.teams-recording-timer{font-size:var(--font-size-3xl);font-weight:700;font-family:var(--font-mono);color:var(--color-error);margin-bottom:var(--space-6)}.teams-recording-complete{display:flex;flex-direction:column;align-items:center;padding:var(--space-6)}.teams-recording-complete-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.teams-recording-complete-icon{color:var(--color-success)}.teams-recording-complete-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.teams-recording-complete-mode{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.teams-audio-player{width:100%;max-width:500px;margin-bottom:var(--space-6);border-radius:var(--radius-lg)}.teams-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.teams-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:none}.teams-btn--primary{background:var(--color-primary);color:#fff}.teams-btn--primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.teams-btn--secondary{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.teams-btn--secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.teams-btn--stop{background:var(--color-error);color:#fff;padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.teams-btn--stop:hover{background:#c41420;transform:translateY(-1px);box-shadow:var(--shadow-md)}.teams-error{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);margin-top:var(--space-4)}.teams-error-icon{flex-shrink:0;color:var(--color-error)}.teams-error-content{flex:1}.teams-error-title{font-weight:600;color:var(--color-error);margin-bottom:var(--space-1)}.teams-error-message{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:pre-line;line-height:1.5}.teams-hint{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-info-light);border-radius:var(--radius-lg);margin-top:var(--space-4)}.teams-hint-icon{flex-shrink:0;color:var(--color-info)}.teams-hint-content{flex:1}.teams-hint-title{font-weight:600;color:var(--color-info);margin-bottom:var(--space-1)}.teams-hint-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}[data-theme=dark] .teams-section{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .teams-mode-btn{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .teams-mode-btn:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .teams-mode-btn.active{background:#126ab326;border-color:var(--color-primary)}[data-theme=dark] .teams-recorder-option{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .teams-recorder-option:hover{background:#126ab31a}[data-theme=dark] .teams-btn--secondary{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .teams-error{background:#df182c1a}[data-theme=dark] .teams-hint{background:#126ab31a}@media (max-width: 768px){.teams-page{padding:var(--space-4) var(--space-3)}.teams-header{margin-bottom:var(--space-6)}.teams-title{font-size:var(--font-size-xl)}.teams-title-icon{width:40px;height:40px}.teams-section{padding:var(--space-4)}.teams-mode-selector,.teams-recorder-options{grid-template-columns:1fr}.teams-recorder-option{padding:var(--space-5)}.teams-actions{flex-direction:column;width:100%}.teams-btn{width:100%}}@media (max-width: 480px){.teams-title{flex-direction:column;gap:var(--space-2)}.teams-subtitle{font-size:var(--font-size-sm)}.teams-recording-timer{font-size:var(--font-size-2xl)}}.live-page-layout{display:flex;gap:var(--space-4);align-items:flex-start}.live-page-layout>.live-page{flex:1;min-width:0}@media (max-width: 768px){.live-page-layout{display:block}}.live-page{max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-4)}.live-header{text-align:center;margin-bottom:var(--space-8)}.live-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.live-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);color:#fff}.live-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.live-section{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.live-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.live-section-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-primary)}.live-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.live-source-info{margin-bottom:var(--space-4)}.live-diarization{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#126ab314;margin-bottom:var(--space-4);transition:background-color .2s ease;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.live-diarization:hover{background:#126ab326}.live-diarization input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-interactive-primary, #126ab3);cursor:pointer}.live-diarization span{-webkit-user-select:none;user-select:none}.live-diarization .diarization-hint{font-size:var(--font-size-xs);color:var(--color-text-muted, #666);font-style:italic;width:100%;margin-top:var(--space-1)}.live-source-selector{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.live-source-label{font-weight:600;color:var(--color-text-primary)}.live-source-options{display:flex;gap:var(--space-3);flex-wrap:wrap}.live-source-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.live-source-option:hover{border-color:var(--color-border-secondary);background:var(--color-bg-tertiary)}.live-source-option.selected{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.live-source-option.disabled{opacity:.5;cursor:not-allowed}.live-source-option input[type=radio]{display:none}.live-source-option-icon{font-size:1.2rem}.live-controls{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.live-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:none}.live-btn:disabled{opacity:.5;cursor:not-allowed}.live-btn--start{background:var(--color-primary);color:#fff}.live-btn--start:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.live-btn--stop{background:var(--color-error);color:#fff}.live-btn--stop:hover:not(:disabled){background:#c41420;transform:translateY(-1px);box-shadow:var(--shadow-md)}.live-btn--pause{background:var(--color-warning);color:#fff}.live-btn--pause:hover:not(:disabled){background:#e67e00;transform:translateY(-1px);box-shadow:var(--shadow-md)}.live-btn--transcribe{background:var(--color-success);color:#fff}.live-btn--transcribe:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:var(--shadow-md)}.live-status{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.live-status-dot{width:12px;height:12px;border-radius:50%;background:var(--color-text-tertiary);flex-shrink:0}.live-status.recording .live-status-dot{background:var(--color-error);animation:live-pulse 1.5s ease-in-out infinite}.live-status.paused .live-status-dot{background:var(--color-warning)}.live-status.ready .live-status-dot{background:var(--color-success)}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.live-status-text{flex:1;font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary)}.live-status-timer{font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-mono);color:var(--color-text-primary)}.live-audio-meter{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.live-audio-meter-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.live-audio-meter-bar{flex:1;height:8px;background:var(--color-border-primary);border-radius:var(--radius-full);overflow:hidden}.live-audio-meter-fill{height:100%;background:linear-gradient(90deg,var(--color-success) 0%,var(--color-warning) 70%,var(--color-error) 100%);border-radius:var(--radius-full);transition:width .1s ease-out}.live-audio-meter-value{font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--color-text-secondary);min-width:40px;text-align:right}.live-info{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.live-info--warning{background:var(--color-warning-light);border:1px solid var(--color-warning)}.live-info--info{background:var(--color-info-light);border:1px solid var(--color-info)}.live-info--error{background:var(--color-error-light);border:1px solid var(--color-error)}.live-info-icon{flex-shrink:0}.live-info--warning .live-info-icon{color:var(--color-warning)}.live-info--info .live-info-icon{color:var(--color-info)}.live-info--error .live-info-icon{color:var(--color-error)}.live-info-content{flex:1}.live-info-title{font-weight:600;margin-bottom:var(--space-1);color:var(--color-text-primary)}.live-info-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.live-transcription{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden;margin-top:var(--space-5)}.live-transcription-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary)}.live-transcription-title{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--color-text-primary)}.live-transcription-timer{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.live-transcription-content{padding:var(--space-5);min-height:150px;max-height:400px;overflow-y:auto;font-size:var(--font-size-base);line-height:1.7;color:var(--color-text-primary)}.live-transcription-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}.live-transcription-placeholder-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.live-transcription-placeholder-title{font-weight:600;color:var(--color-primary);margin-bottom:var(--space-2)}.live-transcription-placeholder-text{font-size:var(--font-size-sm);line-height:1.5}.live-transcription-interim{color:var(--color-text-tertiary);font-style:italic}.live-transcription-interim strong{color:var(--color-success);font-style:normal}.live-transcription-actions{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary)}.live-transcription-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none}.live-transcription-btn:disabled{opacity:.5;cursor:not-allowed}.live-transcription-btn--clear{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.live-transcription-btn--clear:hover:not(:disabled){background:var(--color-error-light);color:var(--color-error)}.live-transcription-btn--save{background:var(--color-primary);color:#fff}.live-transcription-btn--save:hover:not(:disabled){background:var(--color-primary-dark)}[data-theme=dark] .live-section{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .live-source-option{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .live-source-option.selected{background:#126ab326}[data-theme=dark] .live-status,[data-theme=dark] .live-audio-meter{background:var(--color-bg-secondary)}[data-theme=dark] .live-info--warning{background:#ff98001a}[data-theme=dark] .live-info--info{background:#126ab31a}[data-theme=dark] .live-info--error{background:#df182c1a}[data-theme=dark] .live-transcription{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .live-transcription-header,[data-theme=dark] .live-transcription-actions{background:var(--color-bg-secondary)}@media (max-width: 768px){.live-page{padding:var(--space-4) var(--space-3)}.live-header{margin-bottom:var(--space-6)}.live-title{font-size:var(--font-size-xl)}.live-title-icon{width:40px;height:40px}.live-section{padding:var(--space-4)}.live-source-options{flex-direction:column}.live-source-option{width:100%;justify-content:center}.live-controls{flex-direction:column}.live-btn{width:100%}.live-status{flex-wrap:wrap}.live-status-timer{width:100%;text-align:center;margin-top:var(--space-2)}.live-transcription-actions{flex-direction:column}.live-transcription-btn{width:100%}}@media (max-width: 480px){.live-title{flex-direction:column;gap:var(--space-2)}.live-subtitle{font-size:var(--font-size-sm)}}.transcription-features{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.features-badges{display:inline-flex;align-items:center;gap:6px}.feature-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-md, 6px);font-size:var(--font-size-sm, 13px);font-weight:500;line-height:1.2;white-space:nowrap}.feature-badge svg{flex-shrink:0}.feature-badge-label{letter-spacing:-.01em}.feature-badge--transcription{background:#126ab31a;color:var(--numih-blue-light, #126ab3)}.feature-badge--summary{background:#22c55e1a;color:#16a34a}.feature-badge--diarization{background:#f59e0b1a;color:#d97706}.processing-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--color-bg-tertiary, #f5f5f5);border-radius:var(--radius-md, 6px);font-size:var(--font-size-sm, 13px);font-weight:500;color:var(--color-text-secondary, #666);line-height:1.2;white-space:nowrap}.processing-badge svg{flex-shrink:0;opacity:.7}.feature-badge:hover,.processing-badge:hover{filter:brightness(.95)}[data-theme=dark] .feature-badge--transcription{background:#126ab333}[data-theme=dark] .feature-badge--summary{background:#22c55e33}[data-theme=dark] .feature-badge--diarization{background:#f59e0b33}[data-theme=dark] .processing-badge{background:var(--color-bg-secondary, #2a2a2a);color:var(--color-text-secondary, #999)}@media (max-width: 480px){.transcription-features{gap:6px}.features-badges{gap:4px}.feature-badge{padding:2px 6px;font-size:11px}.feature-badge-label{display:none}.processing-badge{padding:2px 6px;font-size:11px}}.editable-title{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.editable-title__text{flex:1;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;padding:var(--space-1) 0;border-radius:var(--radius-sm)}.editable-title__text:hover{color:var(--color-interactive-primary)}.editable-title__text--clickable:hover{text-decoration:underline}.editable-title__edit-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-tertiary);cursor:pointer;opacity:0;transition:all .2s ease;flex-shrink:0}.editable-title:hover .editable-title__edit-btn{opacity:1}.editable-title__edit-btn:hover{background:var(--color-bg-tertiary);color:var(--color-interactive-primary)}.editable-title--editing{flex-direction:column;align-items:stretch;gap:var(--space-1)}.editable-title__input-wrapper{display:flex;align-items:center;gap:var(--space-2);width:100%}.editable-title__input{flex:1;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-focus);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-bg-primary);outline:none;box-shadow:0 0 0 3px #126ab326;transition:border-color .2s ease,box-shadow .2s ease}.editable-title__input:focus{border-color:var(--color-interactive-primary);box-shadow:0 0 0 3px #126ab333}.editable-title__input--error{border-color:var(--color-error);box-shadow:0 0 0 3px #dc262626}.editable-title__input:disabled{opacity:.7;cursor:not-allowed}.editable-title__input::placeholder{color:var(--color-text-tertiary)}.editable-title__actions{display:flex;gap:var(--space-1);flex-shrink:0}.editable-title__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all .2s ease}.editable-title__btn:disabled{opacity:.5;cursor:not-allowed}.editable-title__btn--confirm{color:var(--color-success)}.editable-title__btn--confirm:hover:not(:disabled){background:var(--color-success-light)}.editable-title__btn--cancel{color:var(--color-text-secondary)}.editable-title__btn--cancel:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.editable-title__spinner{animation:editable-title-spin 1s linear infinite}@keyframes editable-title-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.editable-title__error{font-size:var(--font-size-xs);color:var(--color-error);padding-left:var(--space-1)}.editable-title__char-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:right;padding-right:var(--space-1)}@media (max-width: 480px){.editable-title__input{font-size:var(--font-size-base);padding:var(--space-3)}.editable-title__btn{width:32px;height:32px}}.confirmation-modal-overlay{position:fixed;inset:0;background:#232a5599;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:fadeIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirmation-modal{background:var(--color-bg-primary, #ffffff);border-radius:16px;width:100%;max-width:420px;box-shadow:0 20px 60px #232a5540;animation:slideIn .25s ease;overflow:hidden}.confirmation-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid rgba(35,42,85,.1)}.confirmation-modal-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirmation-modal-icon--danger{background:#df182c1a;color:var(--color-brand-accent, #df182c)}.confirmation-modal-icon--warning{background:#f59e0b1a;color:#f59e0b}.confirmation-modal-icon--info{background:#126ab31a;color:var(--color-interactive-primary, #126ab3)}.confirmation-modal-title{flex:1;font-family:var(--font-family-sans, system-ui);font-size:1.15rem;font-weight:600;color:var(--color-brand-primary, #232a55);margin:0}.confirmation-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.confirmation-modal-close:hover:not(:disabled){background:var(--color-bg-tertiary, #f3f4f6);color:var(--color-text-primary, #1f2937)}.confirmation-modal-close:disabled{opacity:.5;cursor:not-allowed}.confirmation-modal-content{padding:1.5rem}.confirmation-modal-message{font-family:var(--font-family-sans, system-ui);font-size:.95rem;color:var(--color-text-primary, #374151);line-height:1.6;margin:0}.confirmation-modal-actions{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;justify-content:flex-end}.confirmation-modal-btn{padding:.75rem 1.5rem;border-radius:10px;font-family:var(--font-family-sans, system-ui);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.confirmation-modal-btn:disabled{opacity:.6;cursor:not-allowed}.confirmation-modal-btn--cancel{background:var(--color-bg-tertiary, #f3f4f6);color:var(--color-text-primary, #374151);border:1px solid rgba(35,42,85,.15)}.confirmation-modal-btn--cancel:hover:not(:disabled){background:#232a551a;border-color:#232a5533}.confirmation-modal-btn--confirm{color:#fff}.confirmation-modal-btn--danger{background:var(--color-brand-accent, #df182c)}.confirmation-modal-btn--danger:hover:not(:disabled){background:#c4162a;transform:translateY(-1px);box-shadow:0 4px 12px #df182c4d}.confirmation-modal-btn--warning{background:#f59e0b}.confirmation-modal-btn--warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.confirmation-modal-btn--info{background:var(--color-interactive-primary, #126ab3)}.confirmation-modal-btn--info:hover:not(:disabled){background:var(--color-brand-primary, #232a55);transform:translateY(-1px);box-shadow:0 4px 12px #126ab34d}@media (max-width: 480px){.confirmation-modal{max-width:100%;margin:.5rem;border-radius:12px}.confirmation-modal-header{padding:1.25rem}.confirmation-modal-icon{width:40px;height:40px}.confirmation-modal-icon svg{width:20px;height:20px}.confirmation-modal-title{font-size:1.05rem}.confirmation-modal-content{padding:1.25rem}.confirmation-modal-actions{flex-direction:column-reverse;padding:1rem 1.25rem 1.25rem}.confirmation-modal-btn{width:100%;justify-content:center}}@media (prefers-color-scheme: dark){.confirmation-modal{background:#1f2937;box-shadow:0 20px 60px #00000080}.confirmation-modal-header{border-bottom-color:#ffffff1a}.confirmation-modal-title{color:#f9fafb}.confirmation-modal-close:hover:not(:disabled){background:#ffffff1a;color:#f9fafb}.confirmation-modal-message{color:#d1d5db}.confirmation-modal-btn--cancel{background:#ffffff1a;color:#f9fafb;border-color:#ffffff26}.confirmation-modal-btn--cancel:hover:not(:disabled){background:#ffffff26;border-color:#fff3}}.sharing-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px}.sharing-modal{background:#fff;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.sharing-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid #e5e7eb;margin-bottom:0}.sharing-modal-header h3{display:flex;align-items:center;gap:10px;margin:0;color:#1f2937;font-size:1.4rem;font-weight:600}.sharing-tabs{display:flex;padding:0 28px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:none;border:none;color:#6b7280;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-btn:hover{color:#374151;background-color:#3b82f60d}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.sharing-modal-content{padding:24px 28px;overflow-y:auto;flex:1}.sharing-restricted{text-align:center;padding:40px 20px;color:#6b7280}.sharing-restricted svg{margin-bottom:16px;color:#9ca3af}.sharing-restricted h4{color:#374151;font-size:1.2rem;margin:0 0 8px}.sharing-restricted p{margin:0;font-size:.95rem}.sharing-form{display:flex;flex-direction:column;gap:24px}.sharing-form label{display:block;color:#374151;font-weight:500;margin-bottom:8px;font-size:.95rem}.share-type-selector{margin-bottom:8px}.share-type-buttons{display:flex;gap:8px;flex-wrap:wrap}.type-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.type-btn:hover{border-color:#3b82f6;color:#3b82f6;background-color:#f8faff}.type-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.target-selector{position:relative}.target-select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;color:#374151;background:#fff;cursor:pointer;transition:border-color .2s ease}.target-select:focus{outline:none;border-color:#3b82f6}.user-search{position:relative}.search-input input:focus{outline:none;border-color:#3b82f6}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-top:none;border-radius:0 0 10px 10px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 4px 6px -1px #0000001a}.search-result{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.search-result.selected{background-color:#eff6ff;border-left:3px solid #3b82f6}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.permission-buttons{display:flex;gap:8px;flex-wrap:wrap}.permission-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.85rem}.permission-btn:hover{border-color:#3b82f6;color:#3b82f6;background-color:#f8faff}.permission-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.message-input textarea,.expiration-input input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;color:#374151;font-family:inherit;resize:vertical;transition:border-color .2s ease}.message-input textarea:focus,.expiration-input input:focus{outline:none;border-color:#3b82f6}.expiration-input small{display:block;color:#6b7280;font-size:.8rem;margin-top:6px}.share-btn{background-color:#3b82f6;color:#fff;border:none;padding:14px 24px;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;align-self:flex-start}.share-btn:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.share-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.shares-management{display:flex;flex-direction:column;gap:28px}.shares-section h4{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#374151;font-size:1.1rem;font-weight:600}.shares-list{display:flex;flex-direction:column;gap:12px}.share-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease}.share-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.share-target{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.group-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.group-indicator.favorite{border:2px solid white;box-shadow:0 0 0 1px #e5e7eb}.share-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.share-name{font-weight:500;color:#1f2937;font-size:.9rem}.share-email,.share-description{font-size:.8rem;color:#6b7280}.share-message{font-size:.8rem;color:#059669;font-style:italic;margin-top:2px}.share-details{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:.8rem;color:#6b7280;flex-shrink:0}.share-permission{display:flex;align-items:center;gap:6px;color:#374151;font-weight:500}.share-date{display:flex;align-items:center;gap:4px}.share-expiry{color:#d97706;font-weight:500}.revoke-btn{background:#fee2e2;border:none;color:#dc2626;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.revoke-btn:hover{background-color:#fecaca;transform:scale(1.05)}.no-shares{text-align:center;padding:60px 20px;color:#6b7280}.no-shares svg{margin-bottom:20px;color:#d1d5db}.no-shares h4{color:#374151;font-size:1.2rem;margin:0 0 12px;font-weight:600}.no-shares p{margin:0;font-size:.95rem;line-height:1.5}@media (max-width: 768px){.sharing-modal-overlay{padding:10px}.sharing-modal{max-width:100%;max-height:95vh}.sharing-modal-header,.sharing-modal-content{padding-left:20px;padding-right:20px}.sharing-tabs{padding:0 20px}.share-type-buttons{flex-direction:column}.type-btn{width:100%;justify-content:center}.permission-buttons{flex-direction:column}.permission-btn{width:100%;justify-content:center}.share-item{flex-direction:column;align-items:stretch;gap:12px}.share-target{gap:10px}.share-details{flex-direction:row;align-items:center;justify-content:space-between}.revoke-btn{align-self:center}}.history-page{max-width:1000px;margin:0 auto;padding:var(--space-6) var(--space-4)}.history-header{text-align:center;margin-bottom:var(--space-8)}.history-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.history-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);color:#fff}.history-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.history-controls{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);background:var(--color-bg-primary);padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary)}.history-search{position:relative;display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);transition:all var(--transition-normal)}.history-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.history-search-icon{color:var(--color-text-tertiary);flex-shrink:0}.history-search-input{flex:1;background:transparent;border:none;font-size:var(--font-size-base);color:var(--color-text-primary);outline:none}.history-search-input::placeholder{color:var(--color-text-tertiary)}.history-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.history-filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.history-filter-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary);color:var(--color-text-primary)}.history-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.history-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-12) var(--space-6);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);text-align:center}.history-empty-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.history-empty-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.history-empty-text{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px;line-height:1.6;margin:0}.history-grid{display:flex;flex-direction:column;gap:var(--space-4)}.history-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-normal)}.history-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.history-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.history-card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0;flex:1;line-height:1.4}.history-card-actions{display:flex;gap:var(--space-2);flex-shrink:0}.history-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.history-action-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.history-action-btn.favorite,.history-action-btn.delete:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.history-card-content{display:flex;flex-direction:column;gap:var(--space-3)}.history-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.history-meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.history-meta-item svg{flex-shrink:0;color:var(--color-text-tertiary)}.history-template-badge{display:inline-flex;align-items:center;gap:4px;background:#232a551a;color:var(--numih-blue-dark-1, #232a55);padding:3px 8px;border-radius:var(--radius-md);font-size:var(--font-size-sm, 13px);font-weight:500;line-height:1.2}.history-card-preview{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.history-card--archived{border-left:3px solid #126ab3;opacity:.85}.history-archive-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#126ab314;border:1px solid rgba(18,106,179,.2);border-radius:8px;margin-bottom:16px;font-size:var(--font-size-sm);color:#126ab3}[data-theme=dark] .history-archive-banner{background:#126ab326;border-color:#126ab34d}.history-modal-overlay{position:fixed;inset:0;background:#232a5599;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.history-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:80vh;overflow:auto;box-shadow:var(--shadow-xl)}.history-modal--large{max-width:900px;max-height:90vh}.history-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid var(--color-border-primary)}.history-modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.history-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-normal)}.history-modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.history-modal-body{padding:var(--space-5)}.history-modal-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.history-modal-section{margin-bottom:var(--space-5)}.history-modal-section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.history-modal-section-content{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.history-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-primary)}.history-modal-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:none}.history-modal-btn--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.history-modal-btn--secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.history-modal-btn--primary{background:var(--color-primary);color:#fff}.history-modal-btn--primary:hover{background:var(--color-primary-dark)}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-secondary)}[data-theme=dark] .history-controls{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .history-search,[data-theme=dark] .history-filter-btn{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .history-empty,[data-theme=dark] .history-card{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .history-action-btn{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .history-modal{background:var(--color-bg-primary)}[data-theme=dark] .history-modal-overlay{background:#000000b3}@media (max-width: 768px){.history-page{padding:var(--space-4) var(--space-3)}.history-header{margin-bottom:var(--space-6)}.history-title{font-size:var(--font-size-xl)}.history-title-icon{width:40px;height:40px}.history-controls{padding:var(--space-4)}.history-filters{gap:var(--space-2)}.history-filter-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.history-card{padding:var(--space-4)}.history-card-header{flex-direction:column;gap:var(--space-3)}.history-card-actions{justify-content:flex-end}.history-modal{margin:var(--space-4);max-width:none}.history-modal-actions{flex-direction:column}.history-modal-btn{width:100%;justify-content:center}}@media (max-width: 480px){.history-title{flex-direction:column;gap:var(--space-2)}.history-subtitle{font-size:var(--font-size-sm)}.history-action-btn{width:28px;height:28px}}.sharing-stats-banner{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.sharing-stats-banner.loading{display:flex;align-items:center;justify-content:center;min-height:100px;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl)}.stats-loading-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.stats-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.stats-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.stats-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);flex-shrink:0}.stats-card.received .stats-icon{background:var(--color-primary-light);color:var(--color-primary)}.stats-card.sent .stats-icon{background:#0596691a;color:#059669}.stats-card.groups .stats-icon{background:#8b5cf61a;color:#8b5cf6}.stats-content{display:flex;flex-direction:column;gap:var(--space-1)}.stats-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);line-height:1}.stats-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.stats-details{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--color-border-primary)}.stats-detail{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}[data-theme=dark] .stats-card,[data-theme=dark] .sharing-stats-banner.loading{background:var(--color-bg-primary);border-color:var(--color-border-primary)}@media (max-width: 768px){.sharing-stats-banner{grid-template-columns:1fr;gap:var(--space-3)}.stats-card{flex-direction:row;align-items:center;padding:var(--space-4)}.stats-content{flex:1}.stats-details{border-top:none;padding-top:0;border-left:1px solid var(--color-border-primary);padding-left:var(--space-3);margin-top:0;flex-direction:column;gap:var(--space-1)}}@media (max-width: 480px){.stats-card{padding:var(--space-3)}.stats-icon{width:36px;height:36px}.stats-value{font-size:var(--font-size-xl)}}.my-shares-container{display:flex;flex-direction:column;gap:var(--space-4)}.my-shares-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error)}.my-shares-error span{flex:1}.my-shares-error .error-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-error);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-normal)}.my-shares-error .error-close:hover{background:#df182c1a}.my-shares-search{position:relative;display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);transition:all var(--transition-normal)}.my-shares-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.my-shares-search .search-icon{color:var(--color-text-tertiary);flex-shrink:0}.my-shares-search .search-input{flex:1;background:transparent;border:none;font-size:var(--font-size-base);color:var(--color-text-primary);outline:none}.my-shares-search .search-input::placeholder{color:var(--color-text-tertiary)}.my-shares-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-secondary)}.my-shares-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-12) var(--space-6);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);text-align:center}.my-shares-empty .empty-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.my-shares-empty .empty-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.my-shares-empty .empty-text{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px;line-height:1.6;margin:0}.my-shares-grid{display:flex;flex-direction:column;gap:var(--space-4)}.my-shares-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.my-shares-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.my-shares-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--color-border-primary)}.my-shares-card-info{flex:1;min-width:0}.my-shares-card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-shares-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.my-shares-card-meta .meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.my-shares-card-meta .meta-item svg{color:var(--color-text-tertiary)}.my-shares-card-actions{display:flex;gap:var(--space-2);flex-shrink:0}.card-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.card-action-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.card-action-btn.share:hover{background:#0596691a;border-color:#059669;color:#059669}.my-shares-card-summary{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary)}.shares-count-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600}.shares-types{display:flex;gap:var(--space-2);flex:1}.share-type-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500}.share-type-badge.user{background:#3b82f61a;color:#3b82f6}.share-type-badge.group{background:#d977061a;color:#d97706}.share-type-badge.favorite{background:#8b5cf61a;color:#8b5cf6}.expand-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);margin-left:auto}.expand-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.my-shares-card-details{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-primary)}.shares-section{margin-bottom:var(--space-4)}.shares-section:last-child{margin-bottom:0}.shares-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--space-3) 0}.shares-list{display:flex;flex-direction:column;gap:var(--space-2)}.share-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary)}.share-recipient{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.recipient-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;flex-shrink:0}.recipient-group-color{width:32px;height:32px;border-radius:var(--radius-md);flex-shrink:0}.recipient-group-color.favorite{border:2px solid rgba(139,92,246,.3)}.recipient-info{display:flex;flex-direction:column;min-width:0}.recipient-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-email,.recipient-members{font-size:var(--font-size-xs);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.permission-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.share-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.revoke-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.revoke-btn:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}[data-theme=dark] .my-shares-card{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .my-shares-search{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .my-shares-card-summary{background:var(--color-bg-secondary)}[data-theme=dark] .my-shares-empty{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .share-item,[data-theme=dark] .card-action-btn{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}@media (max-width: 768px){.my-shares-card-header{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.my-shares-card-actions{width:100%;justify-content:flex-end}.my-shares-card-summary{flex-wrap:wrap;padding:var(--space-3) var(--space-4)}.shares-types{order:3;width:100%;margin-top:var(--space-2)}.share-item{flex-wrap:wrap}.share-meta{order:3;width:100%;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-primary)}.my-shares-card-details{padding:var(--space-3) var(--space-4)}}@media (max-width: 480px){.my-shares-card-title{font-size:var(--font-size-sm)}.shares-count-badge,.expand-btn{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}}.selector-modal-overlay{position:fixed;inset:0;background:#232a5599;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.selector-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden}.selector-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid var(--color-border-primary)}.selector-modal-header h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.selector-modal-header .close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-normal)}.selector-modal-header .close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.selector-search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary)}.selector-search .search-icon{color:var(--color-text-tertiary);flex-shrink:0}.selector-search .search-input{flex:1;background:transparent;border:none;font-size:var(--font-size-base);color:var(--color-text-primary);outline:none}.selector-search .search-input::placeholder{color:var(--color-text-tertiary)}.selector-content{flex:1;overflow-y:auto;padding:var(--space-3)}.selector-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.selector-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-secondary)}.selector-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4);text-align:center}.selector-empty .empty-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.selector-empty h4{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.selector-empty p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.selector-list{display:flex;flex-direction:column;gap:var(--space-2)}.selector-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:left;width:100%}.selector-item:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.selector-item-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0}.selector-item:hover .selector-item-icon{background:var(--color-primary-light);color:var(--color-primary)}.selector-item-icon .favorite-indicator{position:absolute;top:-4px;right:-4px;color:#f59e0b;fill:#f59e0b}.selector-item-info{flex:1;min-width:0}.selector-item-title{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector-item-meta{display:flex;gap:var(--space-3)}.selector-item-meta .meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.selector-item-arrow{color:var(--color-text-tertiary);flex-shrink:0;transition:transform var(--transition-normal)}.selector-item:hover .selector-item-arrow{color:var(--color-primary);transform:translate(2px)}.selector-footer{padding:var(--space-3) var(--space-5);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary)}.selector-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;margin:0}[data-theme=dark] .selector-modal-overlay{background:#000000b3}[data-theme=dark] .selector-modal{background:var(--color-bg-primary)}[data-theme=dark] .selector-search{background:var(--color-bg-secondary)}[data-theme=dark] .selector-item{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .selector-item:hover{background:#126ab31a}[data-theme=dark] .selector-footer{background:var(--color-bg-secondary)}@media (max-width: 768px){.selector-modal{margin:var(--space-4);max-height:90vh}.selector-modal-header{padding:var(--space-4)}.selector-search{padding:var(--space-3) var(--space-4)}.selector-item{padding:var(--space-3)}.selector-item-icon{width:36px;height:36px}}@media (max-width: 480px){.selector-modal{max-width:none;margin:var(--space-2);max-height:95vh;border-radius:var(--radius-lg)}.selector-modal-header h3{font-size:var(--font-size-base)}.selector-item-meta{flex-direction:column;gap:var(--space-1)}}.favorite-groups-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px}.favorite-groups-modal{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.favorite-groups-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e5e7eb;background-color:#fafafa}.favorite-groups-header h2{display:flex;align-items:center;gap:12px;margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.close-btn:hover{background-color:#f3f4f6;color:#374151}.favorite-groups-content{padding:28px;overflow-y:auto;flex:1}.error-message{display:flex;align-items:center;gap:10px;background-color:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;border:1px solid #fecaca}.success-message{background-color:#d1fae5;color:#059669;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;border:1px solid #a7f3d0}.groups-section{display:flex;flex-direction:column;gap:24px}.groups-header{display:flex;align-items:center;justify-content:space-between}.groups-header h3{margin:0;color:#374151;font-size:1.2rem;font-weight:600}.create-group-btn{display:flex;align-items:center;gap:8px;background-color:#8b5cf6;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-group-btn:hover{background-color:#7c3aed;transform:translateY(-1px)}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.group-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease;position:relative}.group-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.group-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.group-color{width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-top:2px;border:2px solid white;box-shadow:0 0 0 1px #0000001a}.group-info{flex:1;min-width:0}.group-info h4{margin:0 0 4px;color:#1f2937;font-size:1.1rem;font-weight:600;word-break:break-word}.group-info p{margin:0;color:#6b7280;font-size:.9rem;line-height:1.4;word-break:break-word}.group-actions{display:flex;gap:4px;flex-shrink:0}.action-btn{background:none;border:none;color:#6b7280;padding:6px;border-radius:6px;cursor:pointer;transition:all .2s ease}.action-btn:hover{background-color:#f3f4f6}.action-btn.members:hover{background-color:#dbeafe;color:#2563eb}.action-btn.edit:hover{background-color:#fef3c7;color:#d97706}.action-btn.delete:hover{background-color:#fee2e2;color:#dc2626}.group-stats{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #f3f4f6}.member-count{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:.85rem;font-weight:500}.no-groups{text-align:center;padding:60px 20px;color:#6b7280}.no-groups svg{margin-bottom:20px;color:#d1d5db}.no-groups h4{color:#374151;font-size:1.3rem;margin:0 0 12px;font-weight:600}.no-groups p{margin:0 0 24px;font-size:.95rem;line-height:1.5}.create-first-group-btn{display:inline-flex;align-items:center;gap:8px;background-color:#8b5cf6;color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-first-group-btn:hover{background-color:#7c3aed;transform:translateY(-1px)}.group-form{display:flex;flex-direction:column;gap:24px}.form-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.form-header h3{margin:0;color:#374151;font-size:1.2rem;font-weight:600}.close-form-btn{background:#f3f4f6;border:none;color:#6b7280;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease}.close-form-btn:hover{background-color:#e5e7eb;color:#374151}.form-content{display:flex;flex-direction:column;gap:20px}.form-group label{color:#374151;font-weight:500;font-size:.95rem}.form-group input,.form-group textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;color:#374151;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6}.form-group textarea{resize:vertical;min-height:80px}.color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.color-option.selected{border-color:#374151;transform:scale(1.15);box-shadow:0 4px 12px #0000004d}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e7eb}.cancel-btn{background:#fff;color:#6b7280;border:2px solid #e5e7eb;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background-color:#f9fafb;border-color:#d1d5db;color:#374151}.save-btn{display:flex;align-items:center;gap:8px;background-color:#8b5cf6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn:hover:not(:disabled){background-color:#7c3aed;transform:translateY(-1px)}.save-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.member-manager{display:flex;flex-direction:column;gap:28px}.manager-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.manager-header .group-info{display:flex;align-items:center;gap:12px}.group-color-indicator{width:20px;height:20px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0000001a}.manager-header h3{margin:0 0 4px;color:#374151;font-size:1.2rem;font-weight:600}.manager-header .member-count{color:#6b7280;font-size:.9rem}.user-search-section{display:flex;flex-direction:column;gap:16px}.user-search-section h4{margin:0;color:#374151;font-size:1.1rem;font-weight:600}.search-input{position:relative;display:flex;align-items:center}.search-input svg{position:absolute;left:12px;color:#9ca3af;z-index:1}.search-input input{width:100%;padding:12px 16px 12px 40px;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;color:#374151;background:#fff;transition:border-color .2s ease}.search-input input:focus{outline:none;border-color:#8b5cf6}.search-results{background:#fff;border:2px solid #e5e7eb;border-radius:10px;max-height:200px;overflow-y:auto}.search-result{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.search-result:hover{background-color:#f8faff}.search-result:last-child{border-bottom:none}.user-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:#8b5cf6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.user-name{font-weight:500;color:#1f2937;font-size:.9rem}.user-email{font-size:.85rem;color:#6b7280}.user-org{font-size:.8rem;color:#9ca3af}.add-member-btn{background-color:#d1fae5;color:#059669;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.add-member-btn:hover{background-color:#a7f3d0;transform:scale(1.05)}.members-list-section{display:flex;flex-direction:column;gap:16px}.members-list-section h4{margin:0;color:#374151;font-size:1.1rem;font-weight:600}.members-list{display:flex;flex-direction:column;gap:12px}.member-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s ease}.member-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.member-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.added-date{font-size:.8rem;color:#6b7280}.remove-member-btn{background-color:#fee2e2;color:#dc2626;border:none;padding:6px;border-radius:6px;cursor:pointer;transition:all .2s ease}.remove-member-btn:hover{background-color:#fecaca;transform:scale(1.05)}.no-members{text-align:center;padding:40px 20px;color:#6b7280;background:#f9fafb;border-radius:10px;border:2px dashed #d1d5db}.no-members svg{margin-bottom:12px;color:#d1d5db}.no-members p{margin:0 0 8px;font-weight:500}.no-members small{font-size:.85rem;color:#9ca3af}.loading{text-align:center;padding:40px;color:#6b7280;font-size:.95rem}@media (max-width: 768px){.favorite-groups-overlay{padding:10px}.favorite-groups-modal{max-width:100%;max-height:95vh}.favorite-groups-header,.favorite-groups-content{padding:20px}.groups-grid{grid-template-columns:1fr}.groups-header{flex-direction:column;align-items:stretch;gap:16px}.create-group-btn{justify-content:center}.group-card-header{flex-direction:column;gap:8px}.group-actions{align-self:flex-end}.form-actions{flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%;justify-content:center}.manager-header,.member-item{flex-direction:column;align-items:stretch;gap:12px}.member-actions{flex-direction:row;align-items:center;justify-content:space-between}}.shared-page{max-width:1000px;margin:0 auto;padding:var(--space-6) var(--space-4)}.shared-header{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-6)}.shared-header-top{display:flex;flex-direction:column;gap:var(--space-2)}.shared-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.shared-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-lg);color:#fff;flex-shrink:0}.shared-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0;padding-left:calc(48px + var(--space-3))}.shared-header-actions{display:flex;gap:var(--space-3);padding-left:calc(48px + var(--space-3))}.shared-header-actions .shared-action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;border:1.5px solid transparent;white-space:nowrap;width:auto;height:auto}.shared-header-actions .shared-action-btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.shared-header-actions .shared-action-btn--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #126ab340}.shared-header-actions .shared-action-btn--primary:active{transform:translateY(0);box-shadow:none}.shared-header-actions .shared-action-btn--secondary{background:var(--color-bg-primary);border-color:var(--color-border-primary);color:var(--color-text-secondary)}.shared-header-actions .shared-action-btn--secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.shared-header-actions .shared-action-btn--secondary:hover svg{color:var(--color-primary)}.shared-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-1);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary)}.shared-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.shared-tab:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.shared-tab.active{background:var(--color-bg-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.shared-tab.active .tab-badge{background:var(--color-primary);color:#fff}.shared-tab-content{min-height:300px}.shared-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error);margin-bottom:var(--space-6)}.shared-error span{flex:1}.shared-error-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-error);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-normal)}.shared-error-close:hover{background:#df182c1a}.shared-controls{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);background:var(--color-bg-primary);padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary)}.shared-search{position:relative;display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);transition:all var(--transition-normal)}.shared-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.shared-search-icon{color:var(--color-text-tertiary);flex-shrink:0}.shared-search-input{flex:1;background:transparent;border:none;font-size:var(--font-size-base);color:var(--color-text-primary);outline:none}.shared-search-input::placeholder{color:var(--color-text-tertiary)}.shared-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.shared-filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.shared-filter-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary);color:var(--color-text-primary)}.shared-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.shared-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-secondary)}.shared-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-12) var(--space-6);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);text-align:center}.shared-empty-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.shared-empty-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.shared-empty-text{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px;line-height:1.6;margin:0}.shared-grid{display:flex;flex-direction:column;gap:var(--space-4)}.shared-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-normal)}.shared-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.shared-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.shared-card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0;flex:1;line-height:1.4}.shared-card-actions{display:flex;gap:var(--space-2);flex-shrink:0}.shared-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.shared-action-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.shared-card-content{display:flex;flex-direction:column;gap:var(--space-3)}.shared-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.shared-meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.shared-meta-item svg{flex-shrink:0;color:var(--color-text-tertiary)}.shared-access-badge{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-primary-light);color:var(--color-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600}.shared-permission-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600}.shared-permission-badge.read{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.shared-permission-badge.comment{background:#d977061a;color:#d97706}.shared-permission-badge.edit{background:#0596691a;color:#059669}.shared-card-preview{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.shared-modal-overlay{position:fixed;inset:0;background:#232a5599;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.shared-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:80vh;overflow:auto;box-shadow:var(--shadow-xl)}.shared-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid var(--color-border-primary)}.shared-modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.shared-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-normal)}.shared-modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.shared-modal-body{padding:var(--space-5)}.shared-modal-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.shared-modal-section{margin-bottom:var(--space-5)}.shared-modal-section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.shared-modal-section-content{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7}.shared-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-primary)}.shared-modal-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:none}.shared-modal-btn--primary{background:var(--color-primary);color:#fff}.shared-modal-btn--primary:hover{background:var(--color-primary-dark)}[data-theme=dark] .shared-tabs{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .shared-tab.active{background:var(--color-bg-primary)}[data-theme=dark] .shared-header-actions .shared-action-btn--secondary{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .shared-header-actions .shared-action-btn--primary:hover{box-shadow:0 4px 12px #60a5fa40}[data-theme=dark] .shared-controls{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .shared-search,[data-theme=dark] .shared-filter-btn{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .shared-empty,[data-theme=dark] .shared-card{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .shared-action-btn{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .shared-modal{background:var(--color-bg-primary)}[data-theme=dark] .shared-modal-overlay{background:#000000b3}@media (max-width: 768px){.shared-page{padding:var(--space-4) var(--space-3)}.shared-header{gap:var(--space-4);margin-bottom:var(--space-4)}.shared-subtitle{padding-left:0}.shared-header-actions{padding-left:0;flex-wrap:wrap}.shared-header-actions .shared-action-btn{flex:1;min-width:140px;justify-content:center}.shared-title{font-size:var(--font-size-xl)}.shared-title-icon{width:40px;height:40px}.shared-tabs{margin-bottom:var(--space-4)}.shared-tab{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.shared-controls{padding:var(--space-4)}.shared-filters{gap:var(--space-2)}.shared-filter-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.shared-card{padding:var(--space-4)}.shared-card-header{flex-direction:column;gap:var(--space-3)}.shared-card-actions{justify-content:flex-end}.shared-modal{margin:var(--space-4);max-width:none}}@media (max-width: 480px){.shared-header-top{align-items:center;text-align:center}.shared-title{flex-direction:column;gap:var(--space-2)}.shared-subtitle{font-size:var(--font-size-sm)}.shared-header-actions{flex-direction:column;width:100%}.shared-header-actions .shared-action-btn{width:100%;min-width:unset}.shared-tabs{flex-direction:column}.shared-tab{width:100%}.shared-action-btn{width:28px;height:28px}.shared-card-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.profile-page{max-width:800px;margin:0 auto;padding:var(--space-6) var(--space-4)}.profile-header{text-align:center;margin-bottom:var(--space-8)}.profile-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.profile-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);color:#fff}.profile-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.profile-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error);margin-bottom:var(--space-5)}.profile-error span{flex:1}.profile-error-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-error);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-normal)}.profile-error-close:hover{background:#df182c1a}.profile-success{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--radius-lg);color:var(--color-success);margin-bottom:var(--space-5)}.profile-header-section{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.profile-avatar-section{display:flex;align-items:center;gap:var(--space-4)}.profile-avatar-circle{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:50%;color:#fff}.profile-info{display:flex;flex-direction:column;gap:var(--space-1)}.profile-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.profile-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.profile-role-badge{display:inline-flex;align-items:center;background:var(--color-primary);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;width:fit-content;margin-top:var(--space-1)}.profile-header-actions{display:flex;gap:var(--space-2)}.profile-section{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-5);overflow:hidden}.profile-section-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.profile-section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary)}.profile-section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0}.profile-section-content{padding:var(--space-5)}.profile-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.profile-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.profile-form-group.full-width{grid-column:1 / -1}.profile-form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.profile-form-value{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0}.profile-form-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.profile-form-input{width:100%;padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-normal)}.profile-form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.profile-form-input::placeholder{color:var(--color-text-tertiary)}.profile-account-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.profile-meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile-meta-item svg{color:var(--color-text-tertiary)}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.profile-stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);text-align:center}.profile-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary)}.profile-stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin:0}.profile-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.profile-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.profile-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:1px solid var(--color-border-primary)}.profile-btn--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary)}.profile-btn--secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.profile-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.profile-btn--primary:hover{background:var(--color-primary-dark)}.profile-btn--primary:disabled{opacity:.6;cursor:not-allowed}.profile-btn--danger{background:var(--color-bg-secondary);color:var(--color-error);border-color:var(--color-error)}.profile-btn--danger:hover{background:var(--color-error-light)}.profile-btn--small{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.profile-api-key-configured{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3);background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--radius-lg)}.profile-api-key-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-success)}.profile-api-key-icon--success{color:var(--color-success)}.profile-api-key-input-group{display:flex;gap:var(--space-3);align-items:flex-start}.profile-api-key-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.profile-api-key-input-wrapper .profile-form-input{padding-right:44px}.profile-api-key-toggle{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-normal)}.profile-api-key-toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.profile-api-key-warning{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-top:var(--space-4);background-color:#f59e0b1a;border:1px solid var(--color-warning);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-warning-dark, #b45309)}.profile-api-key-warning svg{flex-shrink:0;margin-top:2px;color:var(--color-warning)}[data-theme=dark] .profile-api-key-warning{background-color:#fbbf241a;color:var(--color-warning)}[data-theme=dark] .profile-api-key-configured{background:#10b9811a}.spin{animation:spin 1s linear infinite}[data-theme=dark] .profile-header-section,[data-theme=dark] .profile-section{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .profile-section-header{background:var(--color-bg-secondary)}[data-theme=dark] .profile-form-input{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .profile-stat-card{background:var(--color-bg-secondary)}[data-theme=dark] .profile-btn--secondary{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}.profile-toggle-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2) 0}.profile-toggle-input{position:absolute;opacity:0;width:0;height:0}.profile-toggle-switch{position:relative;width:44px;height:24px;background:var(--color-border-primary);border-radius:12px;transition:background .2s ease;flex-shrink:0}.profile-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.profile-toggle-input:checked+.profile-toggle-switch{background:var(--color-primary)}.profile-toggle-input:checked+.profile-toggle-switch:after{transform:translate(20px)}.profile-toggle-text{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.profile-form-select{width:100%;padding:var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color .2s ease}.profile-form-select:focus{outline:none;border-color:var(--color-primary)}.profile-form-range{width:100%;height:6px;margin:var(--space-2) 0;border-radius:3px;background:var(--color-border-primary);appearance:none;cursor:pointer}.profile-form-range::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--color-primary);border-radius:50%;cursor:pointer;transition:transform .1s ease}.profile-form-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.profile-form-range::-moz-range-thumb{width:18px;height:18px;background:var(--color-primary);border:none;border-radius:50%;cursor:pointer}.profile-form-warning{display:flex;align-items:center;font-size:var(--font-size-xs)}[data-theme=dark] .profile-form-select{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .profile-toggle-switch{background:var(--color-bg-tertiary)}@media (max-width: 768px){.profile-page{padding:var(--space-4) var(--space-3)}.profile-header{margin-bottom:var(--space-6)}.profile-title{font-size:var(--font-size-xl)}.profile-title-icon{width:40px;height:40px}.profile-header-section{flex-direction:column;text-align:center;gap:var(--space-4)}.profile-avatar-section{flex-direction:column}.profile-info{align-items:center}.profile-form-grid{grid-template-columns:1fr}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-actions{flex-direction:column}.profile-btn{width:100%;justify-content:center}}@media (max-width: 480px){.profile-title{flex-direction:column;gap:var(--space-2)}.profile-subtitle{font-size:var(--font-size-sm)}.profile-avatar-circle{width:56px;height:56px}.profile-stats-grid{grid-template-columns:1fr}.profile-api-key-configured{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.profile-api-key-input-group{flex-direction:column;width:100%}.profile-api-key-input-group .profile-btn{width:100%;justify-content:center}}.myprompts-page{max-width:800px;margin:0 auto;padding:var(--space-6) var(--space-4)}.myprompts-header{text-align:center;margin-bottom:var(--space-8)}.myprompts-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.myprompts-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-lg);color:#fff}.myprompts-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.myprompts-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error);margin-bottom:var(--space-5)}.myprompts-error span{flex:1}.myprompts-error-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-error);cursor:pointer;border-radius:var(--radius-md);font-size:var(--font-size-lg);transition:background var(--transition-normal)}.myprompts-error-close:hover{background:#df182c1a}.myprompts-success{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--radius-lg);color:var(--color-success);margin-bottom:var(--space-5)}.myprompts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-secondary)}.myprompts-spinner{width:40px;height:40px;border:3px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:myprompts-spin .8s linear infinite;margin-bottom:var(--space-4)}@keyframes myprompts-spin{to{transform:rotate(360deg)}}.myprompts-empty,.myprompts-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);background:var(--color-bg-primary);border:2px dashed var(--color-border-primary);border-radius:var(--radius-xl);color:var(--color-text-tertiary);text-align:center}.myprompts-empty-state h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-secondary);margin:var(--space-4) 0 var(--space-2)}.myprompts-empty-state p{color:var(--color-text-tertiary);margin:0}.myprompts-list{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-6)}.myprompts-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow var(--transition-normal)}.myprompts-card:hover{box-shadow:var(--shadow-md)}.myprompts-card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary)}.myprompts-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary)}.myprompts-card-label{flex:1;font-weight:600;color:var(--color-text-primary)}.myprompts-delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-normal)}.myprompts-delete-btn:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.myprompts-card-content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.myprompts-form-group{display:flex;flex-direction:column;gap:var(--space-2);position:relative}.myprompts-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.myprompts-required{color:var(--color-error)}.myprompts-input{width:100%;padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-normal)}.myprompts-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.myprompts-input::placeholder{color:var(--color-text-tertiary)}.myprompts-textarea{width:100%;padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-text-primary);font-family:inherit;resize:vertical;min-height:120px;transition:all var(--transition-normal)}.myprompts-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.myprompts-textarea::placeholder{color:var(--color-text-tertiary)}.myprompts-char-count{position:absolute;right:0;top:0;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.myprompts-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-6)}.myprompts-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:1px solid var(--color-border-primary)}.myprompts-btn--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary)}.myprompts-btn--secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.myprompts-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.myprompts-btn--primary:hover{background:var(--color-primary-dark)}.myprompts-btn--primary:disabled{opacity:.6;cursor:not-allowed}.myprompts-info{text-align:center;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.myprompts-info p{margin:0}[data-theme=dark] .myprompts-card{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .myprompts-card-header{background:var(--color-bg-secondary)}[data-theme=dark] .myprompts-input,[data-theme=dark] .myprompts-textarea,[data-theme=dark] .myprompts-btn--secondary{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .myprompts-empty-state{background:var(--color-bg-primary)}@media (max-width: 768px){.myprompts-page{padding:var(--space-4) var(--space-3)}.myprompts-header{margin-bottom:var(--space-6)}.myprompts-title{font-size:var(--font-size-xl)}.myprompts-title-icon{width:40px;height:40px}.myprompts-card-content{padding:var(--space-4)}.myprompts-actions{flex-direction:column}.myprompts-btn{width:100%;justify-content:center}}@media (max-width: 480px){.myprompts-title{flex-direction:column;gap:var(--space-2)}.myprompts-subtitle{font-size:var(--font-size-sm)}}.jobs-page{max-width:1000px;margin:0 auto;padding:var(--space-6) var(--space-4)}.jobs-header{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-6)}.jobs-header-top{display:flex;flex-direction:column;gap:var(--space-2)}.jobs-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.jobs-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-lg);color:#fff;flex-shrink:0}.jobs-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0;padding-left:calc(48px + var(--space-3))}.jobs-header-actions{display:flex;gap:var(--space-3);padding-left:calc(48px + var(--space-3))}.jobs-action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;border:1.5px solid transparent;white-space:nowrap}.jobs-action-btn--secondary{background:var(--color-bg-primary);border-color:var(--color-border-primary);color:var(--color-text-secondary)}.jobs-action-btn--secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.jobs-action-btn--secondary:hover:not(:disabled) svg{color:var(--color-primary)}.jobs-action-btn:disabled{opacity:.6;cursor:not-allowed}.jobs-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.jobs-stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center;transition:all var(--transition-normal)}.jobs-stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.jobs-stat-card--pending{border-left:3px solid #f59e0b}.jobs-stat-card--processing{border-left:3px solid var(--color-primary)}.jobs-stat-card--completed{border-left:3px solid #10b981}.jobs-stat-card--failed{border-left:3px solid var(--color-error)}.jobs-stat-card--speed{border-left:3px solid #8b5cf6}.jobs-stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.jobs-stat-value--pending{color:#f59e0b}.jobs-stat-value--processing{color:var(--color-primary)}.jobs-stat-value--completed{color:#10b981}.jobs-stat-value--failed{color:var(--color-error)}.jobs-stat-value--speed{color:#8b5cf6}.jobs-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.jobs-stat-icon{margin-bottom:var(--space-2);color:var(--color-text-tertiary)}.jobs-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-1);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary)}.jobs-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.jobs-tab:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.jobs-tab.active{background:var(--color-bg-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.jobs-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.jobs-tab.active .jobs-tab-badge{background:var(--color-primary);color:#fff}.jobs-tab-badge--warning{background:#f59e0b26;color:#f59e0b}.jobs-tab.active .jobs-tab-badge--warning{background:#f59e0b;color:#fff}.jobs-tab-badge--danger{background:var(--color-error-light);color:var(--color-error)}.jobs-tab.active .jobs-tab-badge--danger{background:var(--color-error);color:#fff}.jobs-tab-content{min-height:300px}.jobs-controls{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);background:var(--color-bg-primary);padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary)}.jobs-search{position:relative;display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);transition:all var(--transition-normal)}.jobs-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.jobs-search-icon{color:var(--color-text-tertiary);flex-shrink:0}.jobs-search-input{flex:1;background:transparent;border:none;font-size:var(--font-size-base);color:var(--color-text-primary);outline:none}.jobs-search-input::placeholder{color:var(--color-text-tertiary)}.jobs-bulk-actions{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--color-border-primary)}.jobs-bulk-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.jobs-bulk-buttons{display:flex;gap:var(--space-2)}.jobs-grid{display:flex;flex-direction:column;gap:var(--space-4)}.jobs-section-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-primary)}.jobs-section-header svg{color:var(--color-text-secondary)}.job-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-normal)}.job-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.job-card--processing{border-left:4px solid var(--color-primary);animation:pulse-border 2s infinite}.job-card--pending{border-left:4px solid #f59e0b}.job-card--completed{border-left:4px solid #10b981}.job-card--failed{border-left:4px solid var(--color-error)}.job-card--vip{background:linear-gradient(135deg,rgba(139,92,246,.03) 0%,transparent 100%);border-color:#8b5cf64d}.job-card--vip:hover{border-color:#8b5cf6}@keyframes pulse-border{0%,to{border-left-color:var(--color-primary)}50%{border-left-color:#126ab380}}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.job-card-title-row{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.job-card-checkbox{display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;color:var(--color-text-tertiary);transition:color var(--transition-normal)}.job-card-checkbox:hover,.job-card-checkbox.selected{color:var(--color-primary)}.job-card-status-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.job-card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-card-actions{display:flex;gap:var(--space-2);flex-shrink:0}.job-card-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.job-card-action:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.job-card-action--danger:hover,.job-card-action--force{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.job-card-action--force:hover{background:var(--color-error);color:#fff}.job-card-action--boost{background:#8b5cf61a;border-color:#8b5cf6;color:#8b5cf6}.job-card-action--boost:hover{background:#8b5cf6;color:#fff}.job-card-content{display:flex;flex-direction:column;gap:var(--space-3)}.job-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.job-card-meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.job-card-meta-item svg{flex-shrink:0;color:var(--color-text-tertiary)}.job-status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600}.job-status-badge--pending{background:#f59e0b26;color:#f59e0b}.job-status-badge--processing{background:var(--color-primary-light);color:var(--color-primary)}.job-status-badge--completed{background:#10b98126;color:#10b981}.job-status-badge--failed{background:var(--color-error-light);color:var(--color-error)}.job-template-badge{display:inline-flex;align-items:center;gap:4px;background:#232a551a;color:var(--numih-blue-dark-1, #232a55);padding:3px 8px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500}.job-vip-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;padding:3px 8px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 3px #8b5cf64d}.job-boosted-badge{display:inline-flex;align-items:center;gap:4px;background:#f59e0b26;color:#f59e0b;padding:3px 8px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;animation:pulse-boost 2s infinite}@keyframes pulse-boost{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b00}}.job-progress-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-primary)}.job-queue-position{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#f59e0b14;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:#b45309}.job-queue-position svg{color:#f59e0b}.job-info-bar{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.job-info-item{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary)}.job-info-item svg{color:var(--color-text-tertiary)}.job-info-value{font-weight:600;color:var(--color-text-primary)}.job-stalled-alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:#b45309}.job-stalled-alert svg{color:#f59e0b;flex-shrink:0}.job-error-message{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--color-error-light);border-left:3px solid var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-error)}.job-error-message svg{flex-shrink:0;margin-top:2px}.job-view-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-primary-light);color:var(--color-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.job-view-link:hover{background:var(--color-primary);color:#fff}.job-logs-accordion{margin-top:var(--space-3)}.job-logs-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.job-logs-toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.job-logs-toggle svg{transition:transform var(--transition-normal)}.job-logs-toggle.expanded svg{transform:rotate(180deg)}.job-logs-count{margin-left:auto;padding:2px 8px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.job-logs-content{margin-top:var(--space-2);max-height:300px;overflow-y:auto;border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.job-log-entry{padding:var(--space-3);border-bottom:1px solid var(--color-border-primary)}.job-log-entry:last-child{border-bottom:none}.job-log-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.job-log-level{display:inline-flex;align-items:center;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.job-log-level--info{background:var(--color-primary-light);color:var(--color-primary)}.job-log-level--warning{background:#f59e0b26;color:#f59e0b}.job-log-level--error{background:var(--color-error-light);color:var(--color-error)}.job-log-level--debug{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.job-log-timestamp{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.job-log-message{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.5}.job-log-metadata{margin-top:var(--space-2)}.job-log-metadata summary{font-size:var(--font-size-xs);color:var(--color-text-tertiary);cursor:pointer}.job-log-metadata pre{margin-top:var(--space-1);padding:var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow-x:auto;white-space:pre-wrap}.jobs-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-12) var(--space-6);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);text-align:center}.jobs-empty-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.jobs-empty-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.jobs-empty-text{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px;line-height:1.6;margin:0}.jobs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-secondary)}.jobs-auto-refresh{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-align:center}[data-theme=dark] .jobs-tabs{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .jobs-tab.active{background:var(--color-bg-primary)}[data-theme=dark] .jobs-action-btn--secondary{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .jobs-stats{background:transparent}[data-theme=dark] .jobs-stat-card,[data-theme=dark] .jobs-controls{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .jobs-search{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .jobs-empty,[data-theme=dark] .job-card{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .job-card-action{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .job-info-bar{background:var(--color-bg-secondary)}[data-theme=dark] .job-logs-toggle{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .job-logs-content,[data-theme=dark] .job-log-entry{border-color:var(--color-border-primary)}[data-theme=dark] .job-template-badge{background:#ffffff1a;color:var(--color-text-secondary)}[data-theme=dark] .job-card--vip{background:linear-gradient(135deg,rgba(139,92,246,.08) 0%,transparent 100%);border-color:#8b5cf666}[data-theme=dark] .job-vip-badge{box-shadow:0 1px 3px #8b5cf680}[data-theme=dark] .job-boosted-badge{background:#f59e0b33}[data-theme=dark] .job-card-action--boost{background:#8b5cf626}@media (max-width: 768px){.jobs-page{padding:var(--space-4) var(--space-3)}.jobs-header{gap:var(--space-4);margin-bottom:var(--space-4)}.jobs-subtitle{padding-left:0}.jobs-header-actions{padding-left:0;flex-wrap:wrap}.jobs-action-btn{flex:1;min-width:120px;justify-content:center}.jobs-title{font-size:var(--font-size-xl)}.jobs-title-icon{width:40px;height:40px}.jobs-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.jobs-stat-card{padding:var(--space-3)}.jobs-stat-value{font-size:var(--font-size-xl)}.jobs-stat-label{font-size:var(--font-size-xs)}.jobs-tabs{margin-bottom:var(--space-4)}.jobs-tab{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.jobs-tab-badge{min-width:18px;height:18px;font-size:10px}.jobs-controls,.job-card{padding:var(--space-4)}.job-card-header{flex-direction:column;gap:var(--space-3)}.job-card-actions{justify-content:flex-end}.job-card-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.job-info-bar{flex-direction:column;gap:var(--space-2)}}@media (max-width: 480px){.jobs-header-top{align-items:center;text-align:center}.jobs-title{flex-direction:column;gap:var(--space-2)}.jobs-subtitle{font-size:var(--font-size-sm)}.jobs-header-actions{flex-direction:column;width:100%}.jobs-action-btn{width:100%;min-width:unset}.jobs-stats{grid-template-columns:repeat(2,1fr)}.jobs-stats .jobs-stat-card:last-child{grid-column:span 2}.jobs-tabs{flex-direction:column}.jobs-tab{width:100%}.job-card-action{width:28px;height:28px}.job-card-title{font-size:var(--font-size-sm)}}.auth-modal-overlay{position:fixed;inset:0;background-color:var(--color-bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal-backdrop);animation:auth-fade-in .2s ease-out}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}.auth-modal-container{background-color:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:calc(100vh - var(--space-8));overflow:hidden;animation:auth-slide-up .3s ease-out}@keyframes auth-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{background-color:var(--color-brand-primary);color:var(--color-text-inverse);padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;position:relative}.auth-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%);pointer-events:none}.auth-title{font-family:var(--font-family-sans);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text-inverse);position:relative;z-index:1}.auth-close-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:var(--color-text-inverse);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.auth-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.auth-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin:var(--space-4) var(--space-6) 0;font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-3)}.auth-message.error{background-color:var(--color-error-light);color:var(--color-error);border:1px solid rgba(220,38,38,.2)}.auth-message.success{background-color:var(--color-success-light);color:var(--color-success);border:1px solid rgba(5,150,105,.2)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.auth-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.auth-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.auth-form-group.full-width{grid-column:span 2}.auth-label{font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 24px);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:all var(--transition-fast);box-sizing:border-box}.auth-input:hover:not(:disabled){border-color:var(--color-border-secondary)}.auth-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.auth-input::placeholder{color:var(--color-text-tertiary)}.auth-input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);z-index:1;pointer-events:none}.auth-password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-1);transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center}.auth-password-toggle:hover{color:var(--color-interactive-primary)}.auth-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none}.auth-btn-primary{background-color:var(--color-interactive-primary);color:var(--color-text-inverse)}.auth-btn-primary:hover:not(:disabled){background-color:var(--color-interactive-primary-hover)}.auth-btn-primary:active:not(:disabled){background-color:var(--color-interactive-primary-active)}.auth-btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-btn-secondary{background-color:transparent;color:var(--color-interactive-primary);border:1px solid var(--color-interactive-primary)}.auth-btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.auth-switch{text-align:center;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-primary)}.auth-switch-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-right:var(--space-2)}.auth-switch-link{font-size:var(--font-size-sm);color:var(--color-interactive-primary);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;background:none;border:none;padding:0;transition:color var(--transition-fast)}.auth-switch-link:hover{color:var(--color-interactive-primary-hover);text-decoration:underline}@media (max-width: 768px){.auth-modal-overlay{padding:var(--space-4);align-items:flex-start;padding-top:var(--space-10)}.auth-modal-container{max-width:100%}.auth-header{padding:var(--space-5)}.auth-title{font-size:var(--font-size-xl)}.auth-form{padding:var(--space-5)}.auth-form-grid{grid-template-columns:1fr}.auth-form-group.full-width{grid-column:span 1}}@media (max-width: 480px){.auth-modal-overlay{padding:var(--space-3);padding-top:var(--space-6)}.auth-header{padding:var(--space-4)}.auth-form{padding:var(--space-4);gap:var(--space-3)}}.meeting-bot-page{max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-4)}.meeting-bot-header{margin-bottom:var(--space-8)}.meeting-bot-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.meeting-bot-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.meeting-bot-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--numih-blue-dark-1, #232a55);border-radius:var(--radius-lg);color:#fff}.meeting-bot-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:600px;line-height:1.6}.meeting-bot-message{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.meeting-bot-error{background:var(--color-error-light, #fef2f2);border:1px solid var(--color-error, #df182c);color:var(--color-error, #df182c)}.meeting-bot-success{background:var(--color-success-light, #f0fdf4);border:1px solid var(--color-success, #22c55e);color:var(--color-success, #22c55e)}.meeting-bot-section{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.meeting-bot-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.meeting-bot-section-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--numih-blue-light, #126ab3)}.meeting-bot-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0;flex:1}.meeting-bot-refresh{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.meeting-bot-refresh:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.meeting-bot-refresh:disabled{opacity:.5;cursor:not-allowed}.meeting-bot-form{display:flex;flex-direction:column;gap:var(--space-4)}.meeting-bot-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.meeting-bot-form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.meeting-bot-input{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);background:var(--color-bg-secondary);color:var(--color-text-primary);transition:all var(--transition-normal)}.meeting-bot-input:focus{outline:none;border-color:var(--numih-blue-light, #126ab3);box-shadow:0 0 0 3px #126ab31a}.meeting-bot-input:disabled{opacity:.6;cursor:not-allowed}.meeting-bot-input::placeholder{color:var(--color-text-tertiary)}.meeting-bot-mode-toggle{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);background:var(--color-bg-secondary);padding:var(--space-1);border-radius:var(--radius-lg)}.meeting-bot-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.meeting-bot-mode-btn:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-tertiary)}.meeting-bot-mode-btn.active{background:var(--numih-blue-light, #126ab3);color:#fff}.meeting-bot-mode-btn:disabled{opacity:.6;cursor:not-allowed}.meeting-bot-select{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-normal)}.meeting-bot-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.meeting-bot-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:none}.meeting-bot-btn--primary{background:var(--numih-blue-light, #126ab3);color:#fff}.meeting-bot-btn--primary:hover:not(:disabled){background:var(--numih-blue-dark-2, #253164);transform:translateY(-1px);box-shadow:var(--shadow-md)}.meeting-bot-btn--primary:disabled{opacity:.6;cursor:not-allowed}.meeting-bot-btn--secondary{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.meeting-bot-btn--secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.meeting-bot-btn--danger{background:var(--color-error, #df182c);color:#fff}.meeting-bot-btn--danger:hover:not(:disabled){background:#c41420;transform:translateY(-1px)}.meeting-bot-btn--danger:disabled{opacity:.6;cursor:not-allowed}.meeting-bot-hint{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-info-light, #eff6ff);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.meeting-bot-hint strong{color:var(--color-text-primary)}.meeting-bot-loading,.meeting-bot-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-base)}.meeting-bot-list{display:flex;flex-direction:column;gap:var(--space-4)}.meeting-bot-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-normal)}.meeting-bot-card:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-sm)}.meeting-bot-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.meeting-bot-platform{font-size:var(--font-size-sm);font-weight:600;color:var(--numih-blue-dark-1, #232a55);background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.meeting-status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full)}.status-pending{background:var(--color-warning-light, #fffbeb);color:var(--color-warning, #f59e0b)}.status-joining{background:var(--color-info-light, #eff6ff);color:var(--color-info, #3b82f6)}.status-recording{background:var(--color-error-light, #fef2f2);color:var(--color-error, #df182c)}.status-completed{background:var(--color-success-light, #f0fdf4);color:var(--color-success, #22c55e)}.status-failed{background:var(--color-error-light, #fef2f2);color:var(--color-error, #df182c)}.status-processed{background:var(--color-primary-light, #eff6ff);color:var(--numih-blue-light, #126ab3)}.status-queued{background:var(--color-info-light, #eff6ff);color:var(--color-info, #3b82f6)}.meeting-bot-card-content{margin-bottom:var(--space-3)}.meeting-bot-card-info{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.meeting-bot-card-info:last-child{margin-bottom:0}.meeting-bot-card-label{color:var(--color-text-secondary);min-width:80px}.meeting-bot-card-value{color:var(--color-text-primary);word-break:break-all}.meeting-bot-card-link{color:var(--numih-blue-light, #126ab3);text-decoration:none;font-weight:500}.meeting-bot-card-link:hover{text-decoration:underline}.meeting-bot-card-actions{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border-primary);flex-wrap:wrap}.meeting-bot-template-select{position:relative;display:inline-flex;align-items:center}.meeting-bot-select{appearance:none;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);font-size:var(--font-size-sm);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;min-width:180px}.meeting-bot-select:focus{outline:none;border-color:var(--numih-blue-light, #126ab3)}.meeting-bot-select:disabled{opacity:.6;cursor:not-allowed}.meeting-bot-select-icon{position:absolute;right:var(--space-2);pointer-events:none;color:var(--color-text-secondary)}.meeting-bot-queued-info{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-info, #3b82f6);background:var(--color-info-light, #eff6ff);border-radius:var(--radius-md)}.animate-spin{animation:spin 1s linear infinite}[data-theme=dark] .meeting-bot-section{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .meeting-bot-card,[data-theme=dark] .meeting-bot-input{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .meeting-bot-hint{background:#126ab31a}[data-theme=dark] .meeting-bot-error{background:#df182c1a}[data-theme=dark] .meeting-bot-success{background:#22c55e1a}[data-theme=dark] .meeting-bot-platform{background:var(--color-bg-tertiary)}[data-theme=dark] .status-pending{background:#f59e0b26}[data-theme=dark] .status-joining{background:#3b82f626}[data-theme=dark] .status-recording{background:#df182c26}[data-theme=dark] .status-completed{background:#22c55e26}[data-theme=dark] .status-failed{background:#df182c26}[data-theme=dark] .status-processed{background:#126ab326}[data-theme=dark] .status-queued{background:#3b82f626}[data-theme=dark] .meeting-bot-select{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .meeting-bot-mode-toggle{background:var(--color-bg-tertiary)}[data-theme=dark] .meeting-bot-mode-btn{color:var(--color-text-secondary)}[data-theme=dark] .meeting-bot-mode-btn:hover:not(:disabled){background:var(--color-bg-secondary)}[data-theme=dark] .meeting-bot-queued-info{background:#3b82f626}.autonomous-mode-section{margin-top:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,#126ab30d,#232a550d);border:1px solid rgba(18,106,179,.2);border-radius:var(--radius-lg)}.autonomous-mode-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:500}.autonomous-mode-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--numih-blue-light, #126ab3);cursor:pointer}.autonomous-icon{color:var(--numih-blue-light, #126ab3)}.autonomous-label{color:var(--color-text-primary);font-size:var(--font-size-base)}.autonomous-help{display:block;margin-top:var(--space-1);margin-left:calc(18px + var(--space-2) + 16px + var(--space-2));font-size:var(--font-size-sm);color:var(--color-text-secondary)}.autonomous-options{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(18,106,179,.15)}.autonomous-mode-select{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.autonomous-mode-select label{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);flex:1}.autonomous-mode-select label:has(input:checked){border-color:var(--numih-blue-light, #126ab3);background:#126ab30d}.autonomous-mode-select label:hover:not(:has(input:checked)){border-color:var(--color-border-secondary)}.autonomous-mode-select input[type=radio]{display:none}.autonomous-mode-select label span:first-of-type{font-weight:600;color:var(--color-text-primary)}.autonomous-mode-select .mode-description{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.advanced-options-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--numih-blue-light, #126ab3);background:transparent;border:1px solid var(--numih-blue-light, #126ab3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.advanced-options-toggle:hover{background:#126ab31a}.advanced-options{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4)}.advanced-option{display:flex;flex-direction:column;gap:var(--space-2)}.advanced-option>label:not(.checkbox-option){font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.checkbox-option{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.checkbox-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--numih-blue-light, #126ab3);cursor:pointer}.autonomous-hint{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);background:#126ab31a;border-radius:var(--radius-md);color:var(--numih-blue-light, #126ab3)}.autonomous-hint svg{flex-shrink:0;margin-top:2px}[data-theme=dark] .autonomous-mode-section{background:linear-gradient(135deg,#126ab31a,#232a551a);border-color:#126ab34d}[data-theme=dark] .autonomous-mode-select label{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .autonomous-mode-select label:has(input:checked){background:#126ab326}[data-theme=dark] .advanced-options{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .autonomous-hint{background:#126ab326}.advanced-option-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-2)}.advanced-option-label svg{color:var(--numih-blue-light, #126ab3)}.llm-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.llm-option{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:left}.llm-option:hover:not(:disabled){border-color:var(--color-border-secondary);background:var(--color-bg-tertiary)}.llm-option.selected{border-color:var(--numih-blue-light, #126ab3);background:#126ab30d}.llm-option:disabled{opacity:.6;cursor:not-allowed}.llm-name{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary)}.llm-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.llm-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:10px;font-weight:500;background:var(--color-warning-light, #fffbeb);color:var(--color-warning, #f59e0b);border-radius:var(--radius-sm)}.llm-warning{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-warning-light, #fffbeb);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-warning, #f59e0b)}.llm-warning svg{flex-shrink:0}.template-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.template-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:center}.template-option:hover:not(:disabled){border-color:var(--color-border-secondary);background:var(--color-bg-tertiary)}.template-option.selected{border-color:var(--numih-blue-light, #126ab3);background:#126ab30d}.template-option:disabled{opacity:.6;cursor:not-allowed}.template-option svg{color:var(--numih-blue-light, #126ab3)}.template-name{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-primary);line-height:1.3}[data-theme=dark] .llm-option{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .llm-option.selected{background:#126ab326}[data-theme=dark] .llm-badge,[data-theme=dark] .llm-warning{background:#f59e0b26}[data-theme=dark] .template-option{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .template-option.selected{background:#126ab326}@media (max-width: 768px){.llm-options-grid{grid-template-columns:1fr}.template-options-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.template-options-grid{grid-template-columns:1fr}}@media (max-width: 768px){.meeting-bot-page{padding:var(--space-4) var(--space-3)}.meeting-bot-header{margin-bottom:var(--space-6)}.meeting-bot-title{font-size:var(--font-size-xl)}.meeting-bot-title-icon{width:40px;height:40px}.meeting-bot-section{padding:var(--space-4)}.meeting-bot-card-actions{flex-direction:column}.meeting-bot-card-actions .meeting-bot-btn{width:100%}.autonomous-mode-select{flex-direction:column;gap:var(--space-2)}.autonomous-help{margin-left:0;margin-top:var(--space-2)}.advanced-options-toggle{width:100%;justify-content:center;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);margin-top:var(--space-3)}.advanced-options,.llm-option{padding:var(--space-3)}.llm-name{font-size:var(--font-size-sm)}.template-option{padding:var(--space-3)}.template-name{font-size:var(--font-size-sm)}.advanced-option-label{font-size:var(--font-size-base)}}@media (max-width: 480px){.meeting-bot-header-top{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.meeting-bot-title{flex-direction:column;gap:var(--space-2)}.meeting-bot-subtitle{font-size:var(--font-size-sm)}.meeting-bot-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.autonomous-mode-section{padding:var(--space-3);margin-top:var(--space-3)}.autonomous-mode-toggle{flex-wrap:wrap}.autonomous-label{font-size:var(--font-size-sm)}.advanced-options-toggle{padding:var(--space-3);font-size:var(--font-size-sm);background:#126ab31a}.advanced-options{padding:var(--space-2);gap:var(--space-3)}.advanced-option{gap:var(--space-2)}.checkbox-option{padding:var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.llm-options-grid,.template-options-grid{grid-template-columns:1fr;gap:var(--space-2)}.llm-option,.template-option{padding:var(--space-2) var(--space-3)}.llm-warning{flex-wrap:wrap;font-size:var(--font-size-xs)}}.scheduled-icon{background-color:var(--color-warning-light, #fef3c7)!important;color:var(--color-warning, #f59e0b)!important}[data-theme=dark] .scheduled-icon{background-color:#f59e0b26!important}.scheduled-hint{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-info-light, #eff6ff);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.scheduled-hint svg{color:var(--numih-blue-light, #126ab3);flex-shrink:0}.scheduled-hint strong{color:var(--numih-blue-light, #126ab3);font-weight:600}[data-theme=dark] .scheduled-hint{background:#126ab31a}.status-scheduled{background-color:var(--color-warning-light, #fef3c7);color:var(--color-warning-dark, #92400e)}[data-theme=dark] .status-scheduled{background-color:#f59e0b26;color:var(--color-warning, #f59e0b)}.scheduled-time{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.scheduled-date-full{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.error-info{background:var(--color-error-light, #fef2f2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-2)}.error-info .meeting-bot-card-label{color:var(--color-error, #df182c);display:flex;align-items:center;gap:var(--space-1)}.error-message{font-size:var(--font-size-sm);color:var(--color-error, #df182c);word-break:break-word}[data-theme=dark] .error-info{background:#dc26261a}.meeting-bot-card.card-failed{border-color:var(--color-error, #df182c);background:var(--color-error-light, #fef2f2)}[data-theme=dark] .meeting-bot-card.card-failed{background:#dc26260d}.meeting-bot-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.meeting-bot-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.meeting-bot-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-primary)}.meeting-bot-modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.meeting-bot-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.meeting-bot-modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.meeting-bot-modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.meeting-bot-modal-body .meeting-bot-form-group{margin-bottom:var(--space-4)}.meeting-bot-modal-body .meeting-bot-form-group:last-child{margin-bottom:0}.meeting-bot-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}[data-theme=dark] .meeting-bot-modal{background:var(--color-bg-primary);border:1px solid var(--color-border-primary)}[data-theme=dark] .meeting-bot-modal-overlay{background:#000000b3}@media (max-width: 480px){.meeting-bot-modal{max-height:100vh;border-radius:0}.meeting-bot-modal-overlay{padding:0}.meeting-bot-modal-footer{flex-direction:column}.meeting-bot-modal-footer .meeting-bot-btn{width:100%;justify-content:center}}.meeting-bot-schedule-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-primary)}.meeting-bot-schedule-toggle{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);background:var(--color-bg-secondary);padding:var(--space-1);border-radius:var(--radius-lg)}.meeting-bot-schedule-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.meeting-bot-schedule-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.meeting-bot-schedule-btn.active{background:var(--numih-blue-light, #126ab3);color:#fff}.meeting-bot-schedule-btn:disabled{opacity:.6;cursor:not-allowed}.meeting-bot-hint-text{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}[data-theme=dark] .meeting-bot-schedule-toggle{background:var(--color-bg-tertiary)}[data-theme=dark] .meeting-bot-schedule-btn:hover:not(:disabled){background:var(--color-bg-secondary)}@media (max-width: 480px){.meeting-bot-schedule-toggle{flex-direction:column}.meeting-bot-schedule-btn{justify-content:center}}.live-segment-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--numih-blue-light, #126ab3);color:#fff;font-size:11px;font-weight:600;border-radius:10px;margin-left:6px}.live-transcription-container{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.live-transcription-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.live-indicator{display:flex;align-items:center;gap:var(--space-2);color:#dc2626;font-size:var(--font-size-sm);font-weight:600}.live-pulse{animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.live-participants-summary{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.live-participants-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.live-participant-badge{display:flex;align-items:center;gap:var(--space-2);padding:4px 10px;background:color-mix(in srgb,var(--participant-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--participant-color) 30%,transparent);border-radius:var(--radius-full);font-size:var(--font-size-xs)}.live-participant-badge .participant-name{color:var(--participant-color);font-weight:500}.live-participant-badge .participant-stats{color:var(--color-text-secondary);font-size:10px}.live-segments-list{max-height:300px;overflow-y:auto;padding:var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.live-segments-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.live-segment{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:var(--color-bg-primary);border-left:3px solid var(--speaker-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.live-segment:last-of-type{margin-bottom:0}.live-segment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.live-segment-speaker{font-size:var(--font-size-xs);font-weight:600;color:var(--speaker-color)}.live-segment-time{font-size:10px;color:var(--color-text-tertiary);font-family:var(--font-mono)}.live-segment-text{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.5}.meeting-bot-btn--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.meeting-bot-btn--secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}[data-theme=dark] .live-transcription-container{border-top-color:var(--color-border)}[data-theme=dark] .live-segments-list{background:var(--color-bg-tertiary)}[data-theme=dark] .live-segment{background:var(--color-bg-secondary)}@media (max-width: 480px){.live-transcription-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.live-participants-list{max-width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-2)}.live-participant-badge{flex-shrink:0}.live-segments-list{max-height:200px}}.dictionary-page{max-width:1000px;margin:0 auto;padding:var(--space-6) var(--space-4)}.dictionary-header{text-align:center;margin-bottom:var(--space-6)}.dictionary-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.dictionary-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--numih-blue-dark-1, #232a55);border-radius:var(--radius-lg);color:#fff}.dictionary-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.dictionary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.stat-value{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--numih-blue-light, #126ab3)}.stat-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.dictionary-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.dictionary-message.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.dictionary-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.dictionary-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);flex:1;max-width:300px}.search-box input{border:none;background:transparent;outline:none;flex:1;font-size:var(--font-size-sm)}.search-box svg{color:var(--color-text-tertiary)}.control-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--numih-blue-light, #126ab3);color:#fff}.btn-primary:hover{background:var(--numih-blue-dark-2, #253164)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn-secondary:hover{background:var(--color-bg-secondary)}.dictionary-groups-container{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.dictionary-loading,.dictionary-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-secondary);gap:var(--space-3)}.dictionary-empty svg{opacity:.3}.dictionary-groups{display:flex;flex-direction:column}.dictionary-group{border-bottom:1px solid var(--color-border-primary)}.dictionary-group:last-child{border-bottom:none}.group-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;transition:background .2s}.group-header:hover,.group-header.expanded{background:var(--color-bg-secondary)}.group-chevron{color:var(--color-text-tertiary);display:flex;align-items:center}.group-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.group-name{font-weight:600;font-size:var(--font-size-base);color:var(--numih-blue-light, #126ab3)}.group-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.group-content{background:#f8fafc;border-top:1px solid var(--color-border-primary);padding:var(--space-4)}.homophones-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.homophone-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.homophone-term{flex:1;font-weight:500;color:var(--color-text-primary)}.homophone-usage{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:40px;text-align:right}.homophone-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-md);background:transparent;color:#dc2626;cursor:pointer;transition:background .2s}.homophone-delete:hover{background:#dc26261a}.group-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.btn-sm{padding:var(--space-1) var(--space-2)!important;font-size:var(--font-size-xs)!important}.modal-generate{max-width:520px}.modal-header h2{display:flex;align-items:center;gap:var(--space-2)}.generate-content{padding:var(--space-5)}.generate-target{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.generate-target strong{color:var(--numih-blue-light, #126ab3)}.generate-prompt{text-align:center;padding:var(--space-4)}.generate-prompt p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}.generate-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);color:var(--color-text-secondary)}.spinner{animation:spin 1s linear infinite}.suggestions-list{display:flex;flex-direction:column;gap:var(--space-2)}.suggestions-list h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin:var(--space-3) 0 var(--space-2)}.suggestions-list h3:first-child{margin-top:0}.suggestion-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;transition:background .2s}.suggestion-item:hover{background:var(--color-bg-secondary)}.suggestion-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.suggestion-item.existing{opacity:.6;cursor:default}.suggestion-item.existing:hover{background:var(--color-bg-primary)}.existing-badge{font-size:var(--font-size-xs);background:var(--color-bg-secondary);color:var(--color-text-tertiary);padding:2px 8px;border-radius:var(--radius-sm)}.dictionary-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-3)}.dictionary-pagination button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);cursor:pointer;font-size:var(--font-size-sm)}.dictionary-pagination button:disabled{opacity:.5;cursor:not-allowed}.dictionary-pagination button:not(:disabled):hover{background:var(--color-bg-secondary)}.dictionary-pagination span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-primary)}.modal-header h2{font-size:var(--font-size-lg);font-weight:600;margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;color:var(--color-text-tertiary)}.modal-close:hover{background:var(--color-bg-secondary)}.modal-content form{padding:var(--space-5)}.form-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#fef2f2;color:#991b1b;border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.form-group input[type=text]{width:100%;padding:var(--space-3);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color .2s}.form-group input[type=text]:focus{outline:none;border-color:var(--numih-blue-light, #126ab3)}.checkbox-group label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-primary)}@media (max-width: 768px){.dictionary-stats{grid-template-columns:1fr}.dictionary-controls{flex-direction:column;align-items:stretch}.search-box{max-width:none}.control-buttons{justify-content:center}.dictionary-table th:nth-child(4),.dictionary-table td:nth-child(4){display:none}}.speaker-profiles-page{max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-4)}.speaker-profiles-header{text-align:center;margin-bottom:var(--space-6)}.speaker-profiles-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.speaker-profiles-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-radius:var(--radius-lg);color:var(--numih-blue-light)}.speaker-profiles-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.speaker-profiles-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.speaker-profiles-stats .stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.speaker-profiles-stats .stat-card.info{background:linear-gradient(135deg,#8b5cf614,#3b82f614);border-color:#8b5cf633}.speaker-profiles-stats .stat-value{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.speaker-profiles-stats .stat-card.info .stat-value{color:#8b5cf6}.speaker-profiles-stats .stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.speaker-profiles-info{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.speaker-profiles-info svg{flex-shrink:0;color:var(--numih-blue-light);margin-top:2px}.speaker-profiles-info strong{display:block;margin-bottom:var(--space-1);color:var(--color-text-primary)}.speaker-profiles-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.speaker-profiles-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.speaker-profiles-message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#059669}.speaker-profiles-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.speaker-profiles-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.speaker-profiles-controls .search-box{flex:1;max-width:400px;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.speaker-profiles-controls .search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.speaker-profiles-controls .search-box input{flex:1;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none}.speaker-profiles-controls .search-box input::placeholder{color:var(--color-text-tertiary)}.speaker-profiles-controls .control-buttons{display:flex;gap:var(--space-2)}.speaker-profiles-controls .btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.speaker-profiles-controls .btn-secondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.speaker-profiles-container{min-height:200px}.speaker-profiles-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-secondary)}.speaker-profiles-loading .spinner{animation:spin 1s linear infinite}.speaker-profiles-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center}.speaker-profiles-empty svg{color:var(--color-text-tertiary)}.speaker-profiles-empty p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.speaker-profiles-empty .empty-hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm);max-width:400px}.speaker-profiles-list{display:flex;flex-direction:column;gap:var(--space-3)}.speaker-profile-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s ease}.speaker-profile-card:hover{border-color:var(--color-border-hover)}.profile-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;transition:background-color .15s ease}.profile-header:hover{background:var(--color-bg-tertiary)}.profile-header.expanded{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-light)}.profile-chevron{color:var(--color-text-tertiary);flex-shrink:0}.profile-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-radius:var(--radius-full);color:var(--numih-blue-light);flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-name{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.profile-meta{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile-edit-form{display:flex;align-items:center;gap:var(--space-2)}.profile-edit-form input{flex:1;padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--numih-blue-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none}.edit-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.edit-btn.save{background:#10b981;color:#fff}.edit-btn.save:hover{background:#059669}.edit-btn.cancel{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.edit-btn.cancel:hover{background:var(--color-bg-hover)}.profile-actions{display:flex;gap:var(--space-1)}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.action-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.action-btn.danger:hover{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.profile-content{padding:var(--space-4);background:var(--color-bg-primary)}.samples-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.samples-title svg{color:var(--numih-blue-light)}.samples-loading{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.samples-loading .spinner{animation:spin 1s linear infinite}.samples-empty{padding:var(--space-4);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.samples-list{display:flex;flex-direction:column;gap:var(--space-2)}.sample-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:border-color .15s ease}.sample-item:hover{border-color:var(--color-border)}.sample-info{flex:1;min-width:0}.sample-source{display:block;font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.sample-meta{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.sample-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.sample-delete:hover{background:#ef44441a;color:#dc2626}.profile-footer{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.footer-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic}[data-theme=dark] .speaker-profiles-stats .stat-card,[data-theme=dark] .speaker-profiles-info,[data-theme=dark] .speaker-profile-card{background:var(--color-bg-tertiary)}[data-theme=dark] .profile-content{background:var(--color-bg-secondary)}[data-theme=dark] .sample-item{background:var(--color-bg-tertiary)}@media (max-width: 768px){.speaker-profiles-page{padding:var(--space-4) var(--space-3)}.speaker-profiles-stats{grid-template-columns:1fr;gap:var(--space-3)}.speaker-profiles-controls{flex-direction:column;align-items:stretch}.speaker-profiles-controls .search-box{max-width:none}.speaker-profiles-controls .control-buttons{justify-content:flex-end}.profile-header{padding:var(--space-3)}.profile-avatar{width:36px;height:36px}.profile-actions{flex-direction:column;gap:var(--space-1)}.action-btn{width:28px;height:28px}}@media (max-width: 480px){.speaker-profiles-title{font-size:var(--font-size-xl)}.speaker-profiles-title-icon{width:40px;height:40px}.speaker-profiles-info{flex-direction:column}}.registration-success-overlay{position:fixed;inset:0;background-color:var(--color-bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal-backdrop);animation:reg-fade-in .2s ease-out}@keyframes reg-fade-in{0%{opacity:0}to{opacity:1}}.registration-success-modal{background-color:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:calc(100vh - var(--space-8));overflow:hidden;position:relative;animation:reg-slide-up .3s ease-out}@keyframes reg-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.registration-success-header{background-color:var(--color-success-light);padding:var(--space-8);text-align:center;position:relative}.registration-success-icon{color:var(--color-success);margin-bottom:var(--space-2);display:flex;justify-content:center}.registration-success-close{position:absolute;top:var(--space-4);right:var(--space-4);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.registration-success-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.registration-success-content{padding:var(--space-6);text-align:center}.registration-success-title{font-family:var(--font-family-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.registration-success-message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0;line-height:var(--line-height-relaxed)}.registration-success-email{font-size:var(--font-size-base);color:var(--color-text-primary);margin:var(--space-4) 0;padding:var(--space-3);background-color:var(--color-info-light);border-radius:var(--radius-md);text-align:center}.registration-success-steps{text-align:left;margin:var(--space-6) 0;padding:var(--space-4);background-color:var(--color-success-light);border-radius:var(--radius-md);border-left:4px solid var(--color-success)}.registration-success-steps h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.registration-success-steps ul{margin:0;padding-left:var(--space-5);list-style-type:none}.registration-success-steps li{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-1) 0;position:relative}.registration-success-steps li:before{content:"✓";color:var(--color-success);font-weight:var(--font-weight-bold);position:absolute;left:calc(-1 * var(--space-4))}.registration-success-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-4) 0 0 0;text-align:center;padding:var(--space-3);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.registration-success-actions{padding:0 var(--space-6) var(--space-6);text-align:center}.registration-success-btn{background-color:var(--color-interactive-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);min-width:120px}.registration-success-btn:hover{background-color:var(--color-interactive-primary-hover)}@media (max-width: 768px){.registration-success-overlay{padding:var(--space-4)}.registration-success-modal{width:100%;max-width:100%}.registration-success-header{padding:var(--space-6)}.registration-success-content,.registration-success-actions{padding:var(--space-5)}.registration-success-title{font-size:var(--font-size-lg)}}.auth-page{min-height:100vh;background:var(--color-brand-primary);display:flex;align-items:center;justify-content:center;padding:2rem;font-family:var(--font-family-sans)}.auth-container{background:var(--color-bg-primary);border-radius:16px;box-shadow:0 20px 60px #00234b4d;padding:3rem;width:100%;max-width:500px;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-interactive-primary)}.auth-page-header{text-align:center;margin-bottom:2rem}.auth-page-logo-section{margin-bottom:.5rem}.logo-container{display:flex;justify-content:center;margin-bottom:.25rem}.auth-logo{height:80px;width:auto;object-fit:contain}.app-subtitle{font-family:var(--font-family-sans);font-size:16px;font-weight:400;color:var(--color-text-secondary);margin:0 0 1.5rem;letter-spacing:.5px}.auth-description{font-family:var(--font-family-sans);font-size:16px;color:var(--color-text-secondary);line-height:1.5;margin:0}.auth-tabs{display:flex;background:var(--color-bg-tertiary);border-radius:12px;padding:4px;margin-bottom:2rem}.auth-tab{flex:1;padding:12px 24px;background:transparent;border:none;border-radius:10px;font-family:var(--font-family-sans);font-weight:600;font-size:16px;color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease;position:relative}.auth-tab.active{background:var(--color-bg-primary);color:var(--color-brand-primary);box-shadow:0 2px 8px #00234b1a}.auth-tab:hover:not(.active){color:var(--color-brand-primary)}.auth-message{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:1.5rem;font-family:var(--font-family-sans);font-weight:500;font-size:14px}.auth-message.error{background:#fef2f2;color:var(--color-error);border:1px solid #fecaca}.auth-message.success{background:#f0fdf4;color:var(--color-success);border:1px solid #a7f3d0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:var(--font-family-sans);font-weight:600;font-size:14px;color:var(--color-brand-primary);margin:0}.input-container{position:relative;display:flex;align-items:center}.input-container input{width:100%;padding:14px 16px;border:2px solid var(--color-bg-tertiary);border-radius:10px;font-family:var(--font-family-sans);font-size:16px;color:var(--color-text-primary);background:var(--color-bg-primary);transition:all .3s ease;box-sizing:border-box}.input-container input:focus{outline:none;border-color:var(--color-interactive-primary);box-shadow:0 0 0 3px #0080801a;transform:translateY(-1px)}.input-container input::placeholder{color:var(--color-text-secondary);font-weight:400}.input-icon{display:none}.password-toggle{position:absolute;right:14px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.password-toggle:hover{color:var(--color-interactive-primary);background:#0080801a}.password-hint{font-size:12px;color:var(--color-text-secondary);font-style:italic;margin-top:4px}.auth-submit-btn{background:var(--color-interactive-primary);color:var(--color-bg-primary);border:none;border-radius:12px;padding:16px 32px;font-family:var(--font-family-sans);font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-top:1rem}.auth-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:transparent;transition:left .5s ease}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0080804d}.auth-submit-btn:hover:before{left:100%}.auth-submit-btn:active{transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.auth-submit-btn:disabled:before{display:none}.demo-accounts{margin-top:2rem;padding:1.5rem;background:var(--color-bg-tertiary);border-radius:12px;border:1px solid #e2e8f0}.demo-accounts h4{font-family:var(--font-family-sans);font-size:16px;font-weight:600;color:var(--color-brand-primary);margin:0 0 1rem;text-align:center}.demo-account{background:var(--color-bg-primary);padding:12px 16px;border-radius:8px;margin-bottom:8px;font-family:var(--font-family-sans);font-size:14px;color:var(--color-text-primary);border:1px solid #e2e8f0;transition:all .2s ease}.demo-account:last-child{margin-bottom:0}.demo-account:hover{background:#f8fafc;border-color:var(--color-interactive-primary)}.demo-account strong{color:var(--color-brand-primary);font-weight:600}@media (max-width: 768px){.auth-page{padding:1rem}.auth-container{padding:2rem;max-width:400px}.auth-logo{height:60px}.app-subtitle{font-size:16px}.auth-description{font-size:14px}.form-row{grid-template-columns:1fr;gap:1rem}.auth-tab{padding:10px 16px;font-size:14px}.input-container input{padding:12px 14px;font-size:16px}.auth-submit-btn{padding:14px 24px;font-size:16px}}@media (max-width: 480px){.auth-container{padding:1.5rem;border-radius:12px}.auth-logo{height:40px}.app-subtitle{font-size:14px}.demo-accounts{padding:1rem}.demo-account{padding:10px 12px;font-size:13px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-container{animation:slideInUp .6s ease-out}.auth-form{animation:slideInUp .6s ease-out .2s both}.demo-accounts{animation:slideInUp .6s ease-out .4s both}.admin-page{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4)}.admin-header{text-align:center;margin-bottom:var(--space-6)}.admin-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.admin-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);color:#fff}.admin-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.admin-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);background:var(--color-bg-secondary);padding:var(--space-1);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary)}.admin-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.admin-tab:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.admin-tab.active{background:var(--color-primary);color:#fff}.admin-content{min-height:400px}.admin-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl)}.admin-access-denied-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-error-light);border-radius:50%;color:var(--color-error);margin-bottom:var(--space-4)}.admin-access-denied h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.admin-access-denied p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.admin-dashboard-overview{display:flex;flex-direction:column;gap:var(--space-6)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.admin-stat-card{display:flex;align-items:center;gap:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-normal)}.admin-stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.admin-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);flex-shrink:0}.admin-stat-card.pending .admin-stat-icon{background:#f59e0b1a;color:#f59e0b}.admin-stat-card.approved .admin-stat-icon{background:#10b9811a;color:#10b981}.admin-stat-card.rejected .admin-stat-icon{background:#ef44441a;color:#ef4444}.admin-stat-card.suspended .admin-stat-icon{background:#f973161a;color:#f97316}.admin-stat-card.groups .admin-stat-icon{background:#8b5cf61a;color:#8b5cf6}.admin-stat-card.transcriptions .admin-stat-icon{background:#06b6d41a;color:#06b6d4}.admin-stat-content h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.admin-stat-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.admin-activities{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden}.admin-activities-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.admin-activities-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.admin-activities-list{display:flex;flex-direction:column}.admin-activity-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-primary)}.admin-activity-item:last-child{border-bottom:none}.admin-activity-icon{flex-shrink:0;margin-top:2px}.admin-activity-icon.success{color:#10b981}.admin-activity-icon.error{color:#ef4444}.admin-activity-icon.info{color:var(--color-primary)}.admin-activity-content{flex:1}.admin-activity-message{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.admin-activity-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.admin-no-activities{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:var(--space-8)}.admin-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.admin-management-header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0}.admin-pending-alert{display:flex;align-items:center;gap:var(--space-2);background:#f59e0b1a;color:#d97706;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-5)}.admin-controls{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap}.admin-search{position:relative;min-width:280px;flex:1}.admin-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.admin-search-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-normal)}.admin-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.admin-search-input::placeholder{color:var(--color-text-tertiary)}.admin-filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.admin-filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.admin-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.admin-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.admin-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error);margin-bottom:var(--space-5)}.admin-success{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--radius-lg);color:var(--color-success);margin-bottom:var(--space-5)}.admin-table-container{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:900px}.admin-table th{background:var(--color-bg-secondary);color:var(--color-text-primary);font-weight:600;font-size:var(--font-size-sm);text-align:left;padding:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.admin-table td{padding:var(--space-4);border-bottom:1px solid var(--color-border-primary);vertical-align:middle;font-size:var(--font-size-sm)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--color-bg-secondary)}.admin-user-cell{display:flex;align-items:center;gap:var(--space-3)}.admin-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.admin-user-details{display:flex;flex-direction:column;gap:2px}.admin-user-name{font-weight:500;color:var(--color-text-primary)}.admin-user-phone{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.admin-email-cell{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary)}.admin-no-data{color:var(--color-text-tertiary);font-style:italic}.admin-status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.admin-status-badge.pending{background:#f59e0b1a;color:#d97706}.admin-status-badge.approved{background:#10b9811a;color:#059669}.admin-status-badge.rejected{background:#ef44441a;color:#dc2626}.admin-status-badge.suspended{background:#f973161a;color:#ea580c}.admin-role-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500}.admin-role-badge.admin{background:#df182c1a;color:var(--color-error)}.admin-role-badge.user{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.admin-date-cell{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.admin-actions-cell{display:flex;gap:var(--space-2)}.admin-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.admin-action-btn.approve{background:#10b9811a;color:#059669}.admin-action-btn.approve:hover{background:#10b98133}.admin-action-btn.reject{background:#ef44441a;color:#dc2626}.admin-action-btn.reject:hover{background:#ef444433}.admin-action-btn.suspend{background:#f973161a;color:#ea580c}.admin-action-btn.suspend:hover{background:#f9731633}.admin-action-btn.edit{background:#3b82f61a;color:#2563eb}.admin-action-btn.edit:hover{background:#3b82f633}.admin-action-btn.delete{background:#ef44441a;color:#dc2626}.admin-action-btn.delete:hover{background:#ef444433}.admin-action-btn.promote{background:#f59e0b1a;color:#d97706}.admin-action-btn.promote:hover{background:#f59e0b33}.admin-action-btn.demote{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.admin-action-btn.demote:hover{background:var(--color-border-primary)}.admin-no-results{text-align:center;color:var(--color-text-secondary);padding:var(--space-8)}.admin-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.admin-group-card{position:relative;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-normal)}.admin-group-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.admin-group-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.admin-group-color{width:4px;height:24px;border-radius:2px}.admin-group-name{flex:1;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.admin-default-badge{background:#f59e0b1a;color:#d97706;font-size:var(--font-size-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.admin-group-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-4)}.admin-group-stats{display:flex;flex-direction:column;gap:var(--space-2)}.admin-group-stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.admin-group-actions{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;gap:var(--space-2)}.admin-no-groups{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-6);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl)}.admin-no-groups-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.admin-no-groups h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.admin-no-groups p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-5) 0}.admin-modal-overlay{position:fixed;inset:0;background:#232a5599;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.admin-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.admin-modal-header{padding:var(--space-5);border-bottom:1px solid var(--color-border-primary)}.admin-modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.admin-modal-content{padding:var(--space-5)}.admin-user-preview{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.admin-user-preview strong{display:block;color:var(--color-text-primary);margin-bottom:var(--space-1)}.admin-user-preview span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.admin-warning-message{display:flex;align-items:flex-start;gap:var(--space-3);background:#f59e0b1a;color:#d97706;padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid #f59e0b;margin-bottom:var(--space-5)}.admin-warning-message p{margin:0;font-size:var(--font-size-sm);line-height:1.5}.admin-danger-message{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--color-error-light);color:var(--color-error);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid var(--color-error);margin-bottom:var(--space-5)}.admin-danger-message p{margin:0;font-size:var(--font-size-sm);line-height:1.5}.admin-form-group{margin-bottom:var(--space-5)}.admin-form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-2)}.admin-form-input,.admin-form-textarea{width:100%;padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-normal)}.admin-form-input:focus,.admin-form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.admin-form-textarea{resize:vertical;min-height:100px}.admin-color-picker{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.admin-color-option{width:32px;height:32px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-normal)}.admin-color-option:hover{transform:scale(1.1)}.admin-color-option.selected{border-color:var(--color-text-primary);transform:scale(1.1)}.admin-color-input{width:50px!important;height:32px;padding:2px!important;border-radius:var(--radius-md)}.admin-checkbox-label{display:flex!important;align-items:center;gap:var(--space-3);cursor:pointer;font-weight:400!important}.admin-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.admin-modal-error{background:var(--color-error-light);color:var(--color-error);padding:var(--space-3);border-radius:var(--radius-lg);margin-top:var(--space-4);font-size:var(--font-size-sm)}.admin-modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-primary)}.admin-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:1px solid}.admin-btn--secondary{background:var(--color-bg-primary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.admin-btn--secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-border-secondary)}.admin-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.admin-btn--primary:hover{background:var(--color-primary-dark)}.admin-btn--primary.approve{background:#10b981;border-color:#10b981}.admin-btn--primary.reject,.admin-btn--primary.delete{background:var(--color-error);border-color:var(--color-error)}.admin-btn--primary.suspend{background:#f97316;border-color:#f97316}.admin-btn--primary.promote{background:#d97706;border-color:#d97706}.admin-btn--primary.demote{background:#6b7280;border-color:#6b7280}.admin-storage{width:100%}.admin-storage-header{margin-bottom:var(--space-5)}.admin-storage-header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.admin-last-update{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.admin-storage-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-5);background:var(--color-bg-secondary);padding:var(--space-1);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary)}.admin-storage-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.admin-storage-tab:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.admin-storage-tab.active{background:var(--color-primary);color:#fff}.admin-status-card{background:var(--color-bg-primary);border:2px solid;border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5)}.admin-status-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.admin-status-icon{font-size:var(--font-size-2xl)}.admin-status-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.admin-usage-bar-container{width:100%;height:24px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4)}.admin-usage-bar{height:100%;transition:width .5s ease;border-radius:var(--radius-full)}.admin-usage-stats{display:flex;justify-content:space-between;align-items:center}.admin-usage-text{margin:0;font-size:var(--font-size-base);color:var(--color-text-primary)}.admin-usage-percent{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.admin-storage-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.admin-storage-stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5)}.admin-storage-stat-card h4{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.admin-stat-breakdown{display:flex;flex-direction:column;gap:var(--space-3)}.admin-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-primary)}.admin-breakdown-item:last-child{border-bottom:none}.admin-breakdown-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.admin-breakdown-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.admin-temp-files{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5)}.admin-temp-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.admin-age-selector{display:flex;align-items:center;gap:var(--space-3)}.admin-age-selector label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.admin-age-selector select{padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}.admin-cleanup-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-error);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.admin-cleanup-btn:hover:not(:disabled){background:#dc2626}.admin-cleanup-btn:disabled{background:var(--color-text-tertiary);cursor:not-allowed}.admin-temp-summary{display:flex;gap:var(--space-6);margin-bottom:var(--space-5);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.admin-summary-item{display:flex;flex-direction:column;gap:var(--space-1)}.admin-summary-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.admin-summary-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.admin-no-temp-files{text-align:center;padding:var(--space-8);color:var(--color-success);font-size:var(--font-size-base)}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-secondary)}.admin-spinner{width:40px;height:40px;border:4px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:admin-spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes admin-spin{to{transform:rotate(360deg)}}[data-theme=dark] .admin-tabs{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .admin-stat-card,[data-theme=dark] .admin-activities,[data-theme=dark] .admin-table-container{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .admin-table th{background:var(--color-bg-secondary)}[data-theme=dark] .admin-group-card{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] .admin-modal{background:var(--color-bg-primary)}[data-theme=dark] .admin-modal-overlay{background:#000000b3}[data-theme=dark] .admin-form-input,[data-theme=dark] .admin-form-textarea,[data-theme=dark] .admin-storage-tabs{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .admin-status-card{background:var(--color-bg-primary)}[data-theme=dark] .admin-storage-stat-card,[data-theme=dark] .admin-temp-files{background:var(--color-bg-primary);border-color:var(--color-border-primary)}@media (max-width: 768px){.admin-page{padding:var(--space-4) var(--space-3)}.admin-title{font-size:var(--font-size-xl)}.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tab{white-space:nowrap;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-management-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.admin-controls{flex-direction:column;align-items:stretch}.admin-search{min-width:auto}.admin-table-container{overflow-x:auto}.admin-table{min-width:1000px}.admin-groups-grid{grid-template-columns:1fr}.admin-modal{margin:var(--space-4);max-width:none}.admin-modal-actions{flex-direction:column}.admin-btn{width:100%;justify-content:center}.admin-temp-controls{flex-direction:column;align-items:stretch;gap:var(--space-3)}.admin-age-selector{flex-direction:column;align-items:stretch}.admin-temp-summary{flex-direction:column;gap:var(--space-3)}.admin-storage-stats-grid{grid-template-columns:1fr}}@media (max-width: 480px){.admin-title{flex-direction:column;gap:var(--space-2)}.admin-stats-grid{grid-template-columns:1fr}.admin-stat-card{flex-direction:column;text-align:center}}.voxtral-monitoring{display:flex;flex-direction:column;gap:var(--space-6)}.voxtral-monitoring-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.voxtral-monitoring-header h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.voxtral-monitoring-actions{display:flex;align-items:center;gap:var(--space-3)}.voxtral-last-update{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.voxtral-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.voxtral-refresh-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.voxtral-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.voxtral-refresh-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.voxtral-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.voxtral-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.voxtral-card-header{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.voxtral-card-content{display:flex;flex-direction:column;gap:var(--space-2)}.voxtral-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:#fff;width:fit-content}.voxtral-card-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.voxtral-card-detail{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.voxtral-progress-bar{width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.voxtral-progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.voxtral-queue-stats{display:flex;gap:var(--space-4)}.voxtral-queue-item{display:flex;flex-direction:column;align-items:center;gap:2px}.voxtral-queue-value{font-size:var(--font-size-xl);font-weight:700}.voxtral-queue-value.pending{color:#eab308}.voxtral-queue-value.processing{color:#3b82f6}.voxtral-queue-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.voxtral-stats-row{display:flex;gap:var(--space-4)}.voxtral-stat-success{color:#22c55e;font-weight:600}.voxtral-stat-failed{color:#ef4444;font-weight:600}.voxtral-active-jobs{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.voxtral-active-jobs-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.voxtral-active-jobs-header h4{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.voxtral-active-jobs-list{padding:var(--space-2)}.voxtral-active-job-item{background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2)}.voxtral-active-job-item:last-child{margin-bottom:0}.voxtral-job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.voxtral-job-username{font-weight:500;color:var(--color-text-primary);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.voxtral-job-eta{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm)}.voxtral-job-progress{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.voxtral-job-progress-bar{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}.voxtral-job-progress-fill{height:100%;background:linear-gradient(90deg,var(--numih-blue-light, #126ab3),#1e88e5);border-radius:3px;transition:width .3s ease}.voxtral-job-percent{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-primary);min-width:35px;text-align:right}.voxtral-job-details{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs)}.voxtral-job-phase{display:flex;align-items:center;gap:4px;color:var(--color-text-secondary)}.voxtral-job-segments{background:var(--numih-blue-light, #126ab3);color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600}.voxtral-job-speed{color:var(--color-text-tertiary);font-style:italic}.voxtral-job-elapsed{color:var(--color-text-secondary, #6b7280);font-size:10px}.voxtral-job-stalled{display:flex;align-items:center;gap:4px;color:#f59e0b;font-weight:500;margin-left:auto}.voxtral-no-active-jobs{padding:var(--space-6);text-align:center;color:var(--color-text-secondary)}.voxtral-no-active-jobs p{margin:0}.voxtral-top-users{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.voxtral-top-users-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.voxtral-top-users-header h4{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.voxtral-users-table-wrapper{overflow-x:auto}.voxtral-users-table{width:100%;border-collapse:collapse}.voxtral-users-table th,.voxtral-users-table td{padding:var(--space-3) var(--space-4);text-align:left}.voxtral-users-table th{background:var(--color-bg-tertiary);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.voxtral-users-table tr:not(:last-child) td{border-bottom:1px solid var(--color-border-primary)}.voxtral-user-cell{display:flex;flex-direction:column;gap:2px}.voxtral-user-name{font-weight:500;color:var(--color-text-primary)}.voxtral-user-email{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.voxtral-jobs-count{font-weight:600;color:var(--color-text-primary)}.voxtral-processing-count{text-align:center}.voxtral-processing-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#3b82f6;color:#fff;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full)}.voxtral-duration{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.voxtral-no-users{padding:var(--space-8);text-align:center;color:var(--color-text-tertiary)}.admin-content-loading,.admin-content-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;gap:var(--space-4)}.admin-content-error{color:var(--color-text-secondary)}.admin-content-error h3{margin:0;color:var(--color-text-primary)}.admin-retry-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.admin-retry-btn:hover{background:var(--color-primary-dark)}.admin-loading-spinner{width:32px;height:32px;border:3px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.admin-vip-cell{display:flex;align-items:center;justify-content:center}.admin-vip-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-normal)}.admin-vip-toggle:hover{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.admin-vip-toggle.active{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b}.admin-vip-badge{font-size:var(--font-size-xs);font-weight:600;padding:1px 4px;border-radius:var(--radius-sm);background:#f59e0b;color:#fff}.admin-btn--primary.toggle-vip{background:#f59e0b;border-color:#f59e0b}.admin-btn--primary.toggle-vip:hover{background:#d97706;border-color:#d97706}.admin-test-cell{display:flex;align-items:center;justify-content:center}.admin-test-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-normal)}.admin-test-toggle:hover{background:#8b5cf61a;border-color:#8b5cf6;color:#8b5cf6}.admin-test-toggle.active{background:#8b5cf626;border-color:#8b5cf6;color:#8b5cf6}.admin-test-badge{font-size:var(--font-size-xs);font-weight:600;padding:1px 4px;border-radius:var(--radius-sm);background:#8b5cf6;color:#fff}.admin-action-btn.cleanup{background:#8b5cf61a;color:#8b5cf6}.admin-action-btn.cleanup:hover{background:#8b5cf633}.admin-info-message{display:flex;align-items:flex-start;gap:var(--space-3);background:#3b82f61a;color:#2563eb;padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid #3b82f6;margin-bottom:var(--space-5)}.admin-info-message p{margin:0;font-size:var(--font-size-sm);line-height:1.5}.admin-cleanup-stats{margin:var(--space-3) 0 0 0;padding-left:var(--space-4);font-size:var(--font-size-sm)}.admin-cleanup-stats li{margin-bottom:var(--space-1)}.admin-cleanup-stats.loading{font-style:italic;padding-left:0;color:var(--color-text-secondary)}.admin-btn--primary.toggle-test{background:#8b5cf6;border-color:#8b5cf6}.admin-btn--primary.toggle-test:hover{background:#7c3aed;border-color:#7c3aed}.admin-btn--primary.cleanup{background:#8b5cf6;border-color:#8b5cf6}.admin-btn--primary.cleanup:hover{background:#7c3aed;border-color:#7c3aed}@media (max-width: 1024px){.voxtral-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.voxtral-cards-grid{grid-template-columns:1fr}.voxtral-monitoring-header{flex-direction:column;align-items:flex-start}.voxtral-users-table th,.voxtral-users-table td{padding:var(--space-2) var(--space-3)}}.voxtral-kill-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#ef44441a;border:1px solid transparent;border-radius:var(--radius-md);color:#ef4444;cursor:pointer;transition:all var(--transition-fast)}.voxtral-kill-btn:hover:not(:disabled){background:#ef444433;border-color:#ef4444}.voxtral-kill-btn:disabled{opacity:.5;cursor:not-allowed}.voxtral-kill-btn--pending{width:32px;height:32px;flex-shrink:0}.voxtral-job-header-actions{display:flex;align-items:center;gap:var(--space-2)}.voxtral-pending-jobs{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.voxtral-pending-jobs-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-primary);background:#f59e0b0d}.voxtral-pending-jobs-header h4{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.voxtral-pending-jobs-list{padding:var(--space-2)}.voxtral-pending-job-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.voxtral-pending-job-item:last-child{margin-bottom:0}.voxtral-pending-position{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:#f59e0b26;color:#d97706;font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-md);flex-shrink:0}.voxtral-pending-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.voxtral-pending-user{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.voxtral-pending-username{font-weight:500;color:var(--color-text-primary);font-size:var(--font-size-sm)}.voxtral-pending-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.voxtral-pending-file{display:flex;align-items:center;gap:var(--space-2)}.voxtral-pending-filename{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.voxtral-pending-duration{font-size:var(--font-size-xs);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}.voxtral-no-pending-jobs{padding:var(--space-6);text-align:center;color:var(--color-text-secondary)}.voxtral-no-pending-jobs p{margin:0}.voxtral-modal-overlay{position:fixed;inset:0;background:#232a55b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--space-4)}.voxtral-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);overflow:hidden}.voxtral-modal-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--color-border-primary)}.voxtral-modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.voxtral-modal-icon--warning{color:#f59e0b}.voxtral-modal-content{padding:var(--space-5)}.voxtral-modal-job-info{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.voxtral-modal-filename{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-base);margin-bottom:var(--space-2);word-break:break-word}.voxtral-modal-user{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.voxtral-modal-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:var(--space-1)}.voxtral-modal-status{font-size:var(--font-size-sm)}.voxtral-status-processing{color:#3b82f6;font-weight:500}.voxtral-status-pending{color:#d97706;font-weight:500}.voxtral-modal-warning{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.voxtral-modal-error{background:#ef44441a;color:#ef4444;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:var(--space-4)}.voxtral-modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.voxtral-modal-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:1px solid}.voxtral-modal-btn--cancel{background:var(--color-bg-primary);border-color:var(--color-border-primary);color:var(--color-text-primary)}.voxtral-modal-btn--cancel:hover:not(:disabled){background:var(--color-bg-tertiary)}.voxtral-modal-btn--delete{background:#ef4444;border-color:#ef4444;color:#fff}.voxtral-modal-btn--delete:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.voxtral-modal-btn:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .voxtral-modal{background:var(--color-bg-primary)}[data-theme=dark] .voxtral-modal-overlay{background:#000c}[data-theme=dark] .voxtral-pending-jobs{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .voxtral-pending-job-item{background:var(--color-bg-primary);border-color:var(--color-border-primary)}@media (max-width: 640px){.voxtral-pending-job-item{flex-wrap:wrap}.voxtral-pending-info{flex-basis:calc(100% - 80px)}.voxtral-pending-filename{max-width:150px}.voxtral-modal{margin:var(--space-4);max-width:none}.voxtral-modal-actions{flex-direction:column}.voxtral-modal-btn{width:100%;justify-content:center}}.vexa-monitoring{display:flex;flex-direction:column;gap:var(--space-6)}.vexa-monitoring-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.vexa-monitoring-header h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.vexa-monitoring-actions{display:flex;align-items:center;gap:var(--space-3)}.vexa-last-update{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.vexa-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.vexa-refresh-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.vexa-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.vexa-refresh-btn .spinning{animation:spin 1s linear infinite}.vexa-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.vexa-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.vexa-card-header{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.vexa-card-content{display:flex;flex-direction:column;gap:var(--space-2)}.vexa-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:#fff;width:fit-content}.vexa-card-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.vexa-card-detail{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.vexa-progress-bar{width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.vexa-progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.vexa-queue-stats{display:flex;gap:var(--space-4)}.vexa-queue-item{display:flex;flex-direction:column;align-items:center;gap:2px}.vexa-queue-value{font-size:var(--font-size-xl);font-weight:700}.vexa-queue-value.pending{color:#eab308}.vexa-queue-value.processing{color:#3b82f6}.vexa-queue-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.vexa-stats-row{display:flex;gap:var(--space-4)}.vexa-stat-success{color:#22c55e;font-weight:600}.vexa-stat-failed{color:#ef4444;font-weight:600}.vexa-active-bots{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.vexa-active-bots-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.vexa-active-bots-header h4{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.vexa-active-bots-list{padding:var(--space-2)}.vexa-active-bot-item{background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2)}.vexa-active-bot-item:last-child{margin-bottom:0}.vexa-bot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.vexa-bot-platform{display:flex;align-items:center;gap:var(--space-2)}.vexa-platform-icon{font-size:16px}.vexa-platform-label{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-sm)}.vexa-bot-status-container{display:flex;align-items:center;gap:var(--space-2)}.vexa-bot-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:#fff}.vexa-stop-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;cursor:pointer;transition:all var(--transition-fast)}.vexa-stop-btn:hover:not(:disabled){background:#ef444433;border-color:#ef4444}.vexa-stop-btn:disabled{opacity:.5;cursor:not-allowed}.vexa-bot-user{margin-bottom:var(--space-2)}.vexa-bot-username{font-weight:500;color:var(--color-text-primary);font-size:var(--font-size-sm)}.vexa-bot-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:var(--space-1)}.vexa-bot-meeting-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vexa-bot-details{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.vexa-bot-duration,.vexa-bot-participants,.vexa-bot-meeting-id{display:flex;align-items:center;gap:4px}.vexa-bot-warning{display:flex;align-items:center;gap:4px;color:#f59e0b;font-weight:500;margin-left:auto}.vexa-no-active-bots{padding:var(--space-6);text-align:center;color:var(--color-text-secondary)}.vexa-no-active-bots p{margin:0}.vexa-users-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.vexa-users-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.vexa-users-header h4{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.vexa-users-table-wrapper{overflow-x:auto}.vexa-users-table{width:100%;border-collapse:collapse}.vexa-users-table th,.vexa-users-table td{padding:var(--space-3) var(--space-4);text-align:left}.vexa-users-table th{background:var(--color-bg-tertiary);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.vexa-users-table tr:not(:last-child) td{border-bottom:1px solid var(--color-border-primary)}.vexa-user-cell{display:flex;flex-direction:column;gap:2px}.vexa-user-name{font-weight:500;color:var(--color-text-primary)}.vexa-user-email{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.vexa-count-cell{text-align:center}.vexa-active-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#eab308;color:#fff;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full)}.vexa-recording-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#22c55e;color:#fff;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full)}.vexa-duration-cell{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.vexa-no-users{padding:var(--space-8);text-align:center;color:var(--color-text-tertiary)}.vexa-historical-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.vexa-historical-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.vexa-historical-card h4{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.vexa-historical-content{display:flex;flex-direction:column;gap:var(--space-2)}.vexa-historical-total{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.vexa-historical-breakdown{display:flex;gap:var(--space-3);font-size:var(--font-size-sm)}.vexa-historical-success{color:#22c55e}.vexa-historical-failed{color:#ef4444}.vexa-historical-avg{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.vexa-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.vexa-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);max-width:450px;width:100%;box-shadow:var(--shadow-xl)}.vexa-modal-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.vexa-modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.vexa-modal-icon--warning{color:#f59e0b}.vexa-modal-content{padding:var(--space-4)}.vexa-modal-bot-info{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.vexa-modal-platform{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.vexa-modal-user{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.vexa-modal-email{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.vexa-modal-meeting{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-1)}.vexa-modal-status{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.vexa-modal-warning{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.vexa-modal-error{background:#ef44441a;color:#ef4444;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:var(--space-3)}.vexa-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--color-border-primary)}.vexa-modal-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.vexa-modal-btn--cancel{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.vexa-modal-btn--cancel:hover:not(:disabled){background:var(--color-bg-tertiary)}.vexa-modal-btn--stop{background:#ef4444;border:1px solid #ef4444;color:#fff}.vexa-modal-btn--stop:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.vexa-modal-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .vexa-modal{background:var(--color-bg-secondary)}[data-theme=dark] .vexa-modal-overlay{background:#000000b3}@media (max-width: 1024px){.vexa-cards-grid{grid-template-columns:repeat(2,1fr)}.vexa-historical-stats{grid-template-columns:1fr}}@media (max-width: 640px){.vexa-monitoring-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.vexa-cards-grid{grid-template-columns:1fr}.vexa-active-bot-item{padding:var(--space-2)}.vexa-bot-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.vexa-bot-status-container{width:100%;justify-content:space-between}.vexa-users-table th,.vexa-users-table td{padding:var(--space-2);font-size:var(--font-size-xs)}.vexa-modal{margin:var(--space-4);max-width:none}.vexa-modal-actions{flex-direction:column}.vexa-modal-btn{width:100%;justify-content:center}}.usage-monitoring{display:flex;flex-direction:column;gap:var(--space-6)}.usage-monitoring-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.usage-monitoring-header h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.usage-monitoring-actions{display:flex;align-items:center;gap:var(--space-3)}.usage-last-update{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.usage-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.usage-refresh-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.usage-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.usage-refresh-btn .spinning{animation:spin 1s linear infinite}.usage-maintenance-warning{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:#dc2626;animation:pulse-warning 2s ease-in-out infinite}.usage-maintenance-warning strong{font-weight:600}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.8}}.usage-activity-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.usage-activity-card{display:flex;align-items:center;gap:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-normal)}.usage-activity-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.usage-activity-card.active-now{border-color:#22c55e;background:#22c55e0d}.usage-activity-icon{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:#22c55e1a;color:#22c55e;flex-shrink:0}.usage-activity-icon.today{background:#3b82f61a;color:#3b82f6}.usage-activity-icon.week{background:#8b5cf61a;color:#8b5cf6}.usage-activity-icon.month{background:#f59e0b1a;color:#f59e0b}.usage-pulse{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#22c55e;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.usage-activity-content h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.usage-activity-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.usage-active-users-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.usage-active-users-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.usage-active-users-header h4{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.usage-badge.live{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:#ef4444;margin-left:var(--space-2)}.usage-live-dot{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.usage-active-users-list{padding:var(--space-2)}.usage-active-user-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.usage-active-user-item:last-child{margin-bottom:0}.usage-user-avatar{position:relative;width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.usage-online-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#22c55e;border:2px solid var(--color-bg-primary);border-radius:50%}.usage-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.usage-user-name{font-weight:500;color:var(--color-text-primary);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-user-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-user-activity{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.usage-activity-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm)}.usage-activity-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.usage-no-active-users{padding:var(--space-6);text-align:center;color:var(--color-text-secondary)}.usage-no-active-users p{margin:0}.usage-current-jobs-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.usage-current-jobs-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.usage-current-jobs-header h4{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.usage-current-jobs-list{padding:var(--space-2)}.usage-job-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.usage-job-item:last-child{margin-bottom:0}.usage-job-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0}.usage-job-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.usage-job-filename{font-weight:500;color:var(--color-text-primary);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-job-user{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.usage-job-status{flex-shrink:0}.usage-job-progress{display:inline-flex;align-items:center;padding:4px 10px;background:#3b82f61a;color:#3b82f6;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.usage-job-pending{display:inline-flex;align-items:center;padding:4px 10px;background:#f59e0b1a;color:#d97706;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.usage-top-users-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.usage-top-users-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.usage-top-users-header h4{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.usage-table-wrapper{overflow-x:auto}.usage-table{width:100%;border-collapse:collapse}.usage-table th,.usage-table td{padding:var(--space-3) var(--space-4);text-align:left}.usage-table th{background:var(--color-bg-tertiary);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.usage-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.usage-table th.sortable:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.usage-table th.sortable svg{display:inline-block;vertical-align:middle;margin-left:4px}.usage-table tr:not(:last-child) td{border-bottom:1px solid var(--color-border-primary)}.usage-table tr:hover td{background:var(--color-bg-tertiary)}.usage-user-cell{display:flex;align-items:center;gap:var(--space-3)}.usage-user-avatar-small{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-xs);flex-shrink:0}.usage-user-details{display:flex;flex-direction:column;gap:2px}.usage-user-email-small{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.usage-stat-cell{font-weight:500;color:var(--color-text-primary);text-align:center}.usage-no-data{padding:var(--space-8);text-align:center;color:var(--color-text-tertiary)}.usage-no-data p{margin:0}.usage-source-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.usage-source-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.usage-source-header h4{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.usage-source-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);padding:var(--space-4)}.usage-source-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.usage-source-card:hover{border-color:var(--color-primary)}.usage-source-card.upload .usage-source-icon{background:#3b82f61a;color:#3b82f6}.usage-source-card.teams .usage-source-icon,.usage-source-card.vexa .usage-source-icon{background:#7c3aed1a;color:#7c3aed}.usage-source-card.live .usage-source-icon,.usage-source-card.recording .usage-source-icon{background:#ef44441a;color:#ef4444}.usage-source-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0}.usage-source-content{flex:1;min-width:0}.usage-source-content h5{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.usage-source-stats{display:flex;flex-direction:column;gap:2px}.usage-source-count{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.usage-source-duration{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.usage-no-source-data{padding:var(--space-6);text-align:center;color:var(--color-text-tertiary)}.usage-no-source-data p{margin:0}[data-theme=dark] .usage-monitoring{color:var(--color-text-primary)}[data-theme=dark] .usage-active-users-section,[data-theme=dark] .usage-current-jobs-section,[data-theme=dark] .usage-top-users-section,[data-theme=dark] .usage-source-section{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}[data-theme=dark] .usage-active-user-item,[data-theme=dark] .usage-job-item,[data-theme=dark] .usage-source-card{background:var(--color-bg-primary);border-color:var(--color-border-primary)}@media (max-width: 1024px){.usage-activity-cards,.usage-source-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.usage-monitoring-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.usage-activity-cards,.usage-source-cards{grid-template-columns:1fr}.usage-table th,.usage-table td{padding:var(--space-2);font-size:var(--font-size-xs)}.usage-user-cell{min-width:150px}}.usage-activity-card.clickable{cursor:pointer}.usage-activity-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.usage-activity-card.clickable:active{transform:translateY(0)}.usage-users-modal{max-width:600px;max-height:80vh;display:flex;flex-direction:column}.usage-users-modal .admin-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.usage-users-modal .admin-modal-header h3{display:flex;align-items:center;gap:var(--space-2)}.usage-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.usage-modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.usage-modal-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.usage-modal-search svg{color:var(--color-text-tertiary);flex-shrink:0}.usage-modal-search input{flex:1;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none}.usage-modal-search input::placeholder{color:var(--color-text-tertiary)}.usage-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-3);color:var(--color-text-secondary)}.usage-modal-users-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:400px;overflow-y:auto}.usage-modal-user-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.usage-modal-user-item:hover{border-color:var(--color-primary)}.usage-modal-user-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.usage-modal-user-name{font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-modal-user-email{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-modal-user-activity{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);text-align:right}.usage-modal-activity-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.usage-modal-activity-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.usage-modal-transcriptions{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-primary);font-weight:500}.usage-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-tertiary);text-align:center}.usage-modal-empty svg{margin-bottom:var(--space-3);opacity:.5}.usage-modal-empty p{margin:0}[data-theme=dark] .usage-modal-search,[data-theme=dark] .usage-modal-user-item{background:var(--color-bg-primary);border-color:var(--color-border-primary)}@media (max-width: 640px){.usage-users-modal{max-height:90vh;margin:var(--space-2)}.usage-modal-user-item{flex-direction:column;align-items:flex-start}.usage-modal-user-activity{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:var(--space-2);width:100%;padding-top:var(--space-2);border-top:1px solid var(--color-border-primary)}}.admin-modal--wide{max-width:700px}.admin-group-stat--clickable{cursor:pointer;border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);margin:calc(var(--space-1) * -1) calc(var(--space-2) * -1);transition:all var(--transition-normal)}.admin-group-stat--clickable:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.admin-action-btn.members{color:var(--color-primary);border-color:var(--color-primary)}.admin-action-btn.members:hover{background:var(--color-primary);color:#fff}.admin-member-search-section{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-primary)}.admin-member-search-section>label,.admin-members-list-section>label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.admin-member-search-input{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:0 var(--space-3);transition:all var(--transition-normal)}.admin-member-search-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.admin-member-search-input svg{color:var(--color-text-tertiary);flex-shrink:0}.admin-member-search-input .admin-form-input{border:none;background:transparent;padding-left:0;box-shadow:none!important}.admin-member-search-input .admin-form-input:focus{box-shadow:none!important}.admin-search-results{margin-top:var(--space-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);max-height:200px;overflow-y:auto;background:var(--color-bg-primary)}.admin-search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-border-primary);transition:background var(--transition-fast)}.admin-search-result-item:last-child{border-bottom:none}.admin-search-result-item:hover{background:var(--color-bg-secondary)}.admin-search-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--space-2);margin-bottom:0}.admin-member-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;flex-shrink:0}.admin-member-details{flex:1;min-width:0}.admin-member-name{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-member-email{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-member-date{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.admin-btn--add-member{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid #10B981;background:transparent;color:#10b981;cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.admin-btn--add-member:hover{background:#10b981;color:#fff}.admin-btn--remove-member{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-error);background:transparent;color:var(--color-error);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.admin-btn--remove-member:hover{background:var(--color-error);color:#fff}.admin-members-list{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.admin-member-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-border-primary)}.admin-member-item:last-child{border-bottom:none}.admin-member-actions{flex-shrink:0}.admin-no-members{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);border:2px dashed var(--color-border-primary);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-tertiary)}.admin-no-members p{margin:0;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.admin-no-members span{font-size:var(--font-size-xs)}.admin-pending-members{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.admin-pending-member-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-primary-light);color:var(--color-primary);border-radius:20px;font-size:var(--font-size-sm);font-weight:500}.admin-pending-member-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:var(--color-primary);cursor:pointer;border-radius:50%;padding:0;transition:all var(--transition-fast)}.admin-pending-member-remove:hover{background:var(--color-primary);color:#fff}@media (max-width: 768px){.admin-modal--wide{max-width:100%}.admin-member-item{flex-wrap:wrap}}.component-section{background:var(--white-pure);border:1px solid rgba(35,42,85,.1);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #232a5514;transition:all .3s ease;position:relative}.component-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--numih-blue-light);transform:scaleX(0);transition:transform .3s ease}.component-section:hover{box-shadow:0 8px 40px #232a5526;transform:translateY(-2px);border-color:#126ab333}.component-section:hover:before{transform:scaleX(1)}.section-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--numih-blue-dark-1);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.section-title svg{color:var(--numih-blue-light)}.modern-button{background:var(--numih-blue-light);color:var(--white-pure);border:none;border-radius:12px;padding:1rem 1.5rem;font-family:var(--font-body);font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;border:2px solid transparent;min-height:48px;width:100%;white-space:nowrap}.modern-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:transparent;transition:left .5s ease}.modern-button:hover{background:#0f5a99;transform:translateY(-2px);box-shadow:0 8px 25px #126ab34d}.modern-button:hover:before{left:100%}.modern-button:active{transform:translateY(0)}.modern-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.modern-button.secondary{background:transparent;color:var(--numih-blue-dark-1);border:2px solid var(--numih-blue-dark-1)}.modern-button.secondary:hover{background:#126ab30d;box-shadow:0 4px 16px #126ab326}.modern-button.danger{background:var(--numih-red-accent)}.modern-button.danger:hover{background:#c91628;box-shadow:0 8px 25px #df182c4d}.modern-button.icon-only{width:auto;min-width:48px;min-height:48px;padding:.75rem;border-radius:12px;display:flex;align-items:center;justify-content:center}.modern-button.icon-only:hover{transform:translateY(-1px) scale(1.05)}.modern-button.success{background:var(--success)}.modern-button.success:hover{box-shadow:0 8px 25px #10b9814d}.modern-button.background-button{background:#f59e0b;color:var(--white-pure);border:2px solid transparent;position:relative;overflow:hidden}.modern-button.background-button:after{content:"";position:absolute;inset:0;background:transparent;opacity:0;transition:opacity .3s ease}.modern-button.background-button:hover{background:#e68e0a;box-shadow:0 8px 25px #f59e0b66;transform:translateY(-2px)}.modern-button.background-button:hover:after{opacity:1}.modern-button.background-button svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.button-group-horizontal{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.button-group-teams{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.button-group-recording{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0}.modern-button.pause{background:var(--warning);border:2px solid #fbbf24;font-weight:700;box-shadow:0 4px 16px #fbbf244d}.modern-button.pause:hover{background:#d97706;box-shadow:0 8px 25px #fbbf2466;transform:translateY(-3px)}.modern-button.stop{background:var(--numih-red-accent);border:2px solid rgba(223,24,44,.3);font-weight:700;box-shadow:0 4px 16px #df182c4d}.modern-button.stop:hover{background:#c91628;box-shadow:0 8px 25px #df182c66;transform:translateY(-3px)}.recording-status{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#fef2f2;border:2px solid var(--error);border-radius:12px;margin:1rem 0;font-family:var(--font-body);font-weight:600;color:var(--error)}.transcription-display{background:var(--white-pure);border:2px solid rgba(18,106,179,.2);border-radius:16px;padding:1.5rem;margin:1.5rem 0;min-height:120px;position:relative;overflow:hidden}.transcription-display:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--numih-blue-light);border-radius:16px 16px 0 0}.transcription-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-light)}.transcription-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--numih-blue-dark-1)}.transcription-timer{font-family:Courier New,monospace;font-weight:700;font-size:16px;color:var(--error);background:#ef44441a;padding:.25rem .75rem;border-radius:20px;border:1px solid rgba(239,68,68,.2)}.transcription-content{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--gray-dark);min-height:60px;padding:.5rem 0;white-space:pre-wrap;word-wrap:break-word}.transcription-interim{color:var(--gray-medium);font-style:italic}.transcription-actions{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-light)}.audio-level-indicator{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:14px;color:var(--gray-medium);margin-bottom:1rem}.audio-level-bar{width:100px;height:8px;background:var(--gray-light);border-radius:4px;overflow:hidden;position:relative}.audio-level-fill{height:100%;background:linear-gradient(90deg,var(--success) 0%,var(--warning) 50%,var(--error) 100%);border-radius:4px;transition:width .1s ease}.transcription-button-clear{background:var(--white-pure);color:var(--gray-dark);border:2px solid var(--gray-light);border-radius:12px;padding:.75rem 1.5rem;font-family:var(--font-body);font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.transcription-button-clear:hover{background:var(--gray-light);border-color:var(--gray-medium);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.transcription-button-save{background:var(--numih-blue-light);color:var(--white-pure);border:none;border-radius:12px;padding:.75rem 1.5rem;font-family:var(--font-body);font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem}.transcription-button-save:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:transparent;transition:left .5s ease}.transcription-button-save:hover{background:#126ab3;transform:translateY(-2px);box-shadow:0 8px 25px #0080804d}.transcription-button-save:hover:before{left:100%}.status-indicator{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-radius:12px;margin:1rem 0;font-family:var(--font-body);font-weight:600;font-size:14px;border:2px solid;transition:all .3s ease}.status-recording{background:#fef2f2;color:var(--error);border-color:var(--error)}.status-paused{background:#fffbeb;color:var(--warning);border-color:var(--warning)}.status-ready{background:#f0fdf4;color:var(--success);border-color:var(--success)}.recording-timer{font-family:Courier New,monospace;font-weight:700;font-size:16px;background:#ffffffe6;padding:.25rem .75rem;border-radius:20px;border:1px solid rgba(0,0,0,.1);min-width:60px;text-align:center}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}.template-card{background:var(--white-pure);border:2px solid var(--gray-light);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-height:120px;display:flex;flex-direction:column;gap:1rem}.template-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--numih-blue-light);transform:scaleX(0);transition:transform .3s ease}.template-card:hover{border-color:var(--numih-blue-light);transform:translateY(-2px);box-shadow:0 8px 25px #126ab326}.template-card:hover:before{transform:scaleX(1)}.template-card.selected{border-color:var(--numih-blue-light);background:#126ab30d;transform:translateY(-2px);box-shadow:0 8px 25px #126ab333}.template-card.selected:before{transform:scaleX(1)}.template-radio{position:absolute;opacity:0;pointer-events:none}.template-icon{width:48px;height:48px;background:var(--numih-blue-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white-pure);font-size:20px;flex-shrink:0}.template-content{flex:1}.template-title{font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--numih-blue-dark-1);margin:0 0 .5rem;line-height:1.3}.template-description{font-family:var(--font-body);font-size:14px;color:var(--gray-medium);line-height:1.4;margin:0}.template-indicator{position:absolute;top:1rem;right:1rem;color:var(--numih-blue-light);opacity:0;transform:scale(.8);transition:all .3s ease}.template-card.selected .template-indicator{opacity:1;transform:scale(1)}.custom-prompt-container{background:var(--gray-light);border:1px solid rgba(18,106,179,.2);border-radius:16px;padding:1.5rem;margin-top:1.5rem}.custom-prompt-textarea{min-height:120px;resize:vertical;font-family:var(--font-body);line-height:1.5}.custom-prompt-textarea::placeholder{color:var(--gray-medium);font-style:italic;line-height:1.4}.qa-mode-container{background:var(--gray-light);border:1px solid rgba(18,106,179,.2);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.qa-mode-title{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--numih-blue-dark-1);margin-bottom:1rem}.qa-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.qa-mode-option{background:var(--white-pure);border:2px solid var(--gray-light);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;gap:.75rem}.qa-mode-option:hover{border-color:var(--numih-blue-light);transform:translateY(-1px);box-shadow:0 4px 12px #0080801a}.qa-mode-option.selected{border-color:var(--numih-blue-light);background:#126ab30d;box-shadow:0 4px 12px #00808026}.qa-mode-radio{position:absolute;opacity:0;pointer-events:none}.qa-mode-icon{width:36px;height:36px;background:var(--numih-blue-light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white-pure);flex-shrink:0}.qa-mode-content{flex:1}.qa-mode-name{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--numih-blue-dark-1);margin-bottom:.25rem}.qa-mode-description{font-family:var(--font-body);font-size:12px;color:var(--gray-medium)}.qa-mode-indicator{color:var(--numih-blue-light);opacity:0;transform:scale(.8);transition:all .3s ease;flex-shrink:0}.qa-mode-option.selected .qa-mode-indicator{opacity:1;transform:scale(1)}@media (max-width: 768px){.template-grid{grid-template-columns:1fr;gap:.75rem}.template-card{padding:1rem;min-height:100px}.template-icon{width:40px;height:40px;font-size:18px}.template-title{font-size:14px}.template-description{font-size:13px}.qa-mode-options{grid-template-columns:1fr;gap:.75rem}.qa-mode-option{padding:.75rem;gap:.5rem}.qa-mode-icon{width:32px;height:32px}}.recording-pulse{width:12px;height:12px;background:var(--error);border-radius:50%;animation:pulse-bright 1s infinite}@keyframes pulse-bright{0%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 var(--error)}70%{transform:scale(1.3);opacity:.7;box-shadow:0 0 0 10px transparent}to{transform:scale(1);opacity:1;box-shadow:0 0 0 0 transparent}}.modern-input-group{margin-bottom:1.5rem}.modern-label{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--numih-blue-dark-1);margin-bottom:.5rem;display:block}.modern-input{width:100%;padding:.875rem 1rem;border:2px solid var(--gray-light);border-radius:10px;font-family:var(--font-body);font-size:16px;color:var(--gray-dark);background:var(--white-pure);transition:all .3s ease;box-sizing:border-box}.modern-input:focus{outline:none;border-color:var(--numih-blue-light);box-shadow:0 0 0 3px #0080801a;transform:translateY(-1px)}.modern-input::placeholder{color:var(--gray-medium);font-weight:400}.modern-drop-zone{border:2px dashed var(--gray-light);border-radius:16px;padding:3rem 2rem;text-align:center;background:var(--white-pure);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.modern-drop-zone:before{content:"";position:absolute;inset:0;background:#0080800d;opacity:0;transition:opacity .3s ease}.modern-drop-zone:hover{border-color:var(--numih-blue-light);transform:translateY(-2px);box-shadow:0 8px 30px #00808026}.modern-drop-zone:hover:before{opacity:1}.modern-drop-zone.active{border-color:var(--numih-blue-light);background:#0080801a}.drop-zone-icon{font-size:3rem;color:var(--numih-blue-light);margin-bottom:1rem;display:block}.drop-zone-text{font-family:var(--font-body);font-size:18px;font-weight:600;color:var(--numih-blue-dark-1);margin-bottom:.5rem}.drop-zone-subtext{font-family:var(--font-body);font-size:14px;color:var(--gray-medium)}.modern-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;margin:1rem 0;font-family:var(--font-body);font-weight:500;font-size:14px;border:1px solid}.modern-message.success{background:#f0fdf4;color:var(--success);border-color:#a7f3d0}.modern-message.warning{background:#fef3c7;color:var(--warning);border-color:#fbbf24}.modern-message.error{background:#fef2f2;color:var(--error);border-color:#fca5a5}.modern-message.info{background:#eff6ff;color:var(--numih-blue-dark-1);border-color:#93c5fd}.modern-progress{background:var(--gray-light);border-radius:8px;height:8px;overflow:hidden;margin:1rem 0;position:relative}.modern-progress-bar{background:var(--numih-blue-light);height:100%;border-radius:8px;transition:width .3s ease;position:relative;overflow:hidden}.modern-progress-bar:after{content:"";position:absolute;inset:0;background:transparent;animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.context-indicator{background:var(--white-pure);border:2px solid;border-radius:16px;padding:1.5rem;margin:1rem 0;position:relative;overflow:hidden;transition:all .3s ease}.context-indicator.safe{border-color:var(--success);background:#f0fdf4}.context-indicator.warning{border-color:var(--warning);background:#fffbeb}.context-indicator.critical{border-color:var(--error);background:#fef2f2}.context-indicator.exceeded{border-color:var(--error);background:#fef2f2;animation:pulse-warning 2s infinite}.context-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.context-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--numih-blue-dark-1)}.context-percentage{font-family:Courier New,monospace;font-weight:700;font-size:16px;padding:.25rem .75rem;border-radius:20px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1)}.context-indicator.safe .context-percentage{color:var(--success);background:#10b9811a;border-color:var(--success)}.context-indicator.warning .context-percentage{color:var(--warning);background:#fbbf241a;border-color:var(--warning)}.context-indicator.critical .context-percentage,.context-indicator.exceeded .context-percentage{color:var(--error);background:#ef44441a;border-color:var(--error)}.context-message{font-family:var(--font-body);font-size:14px;font-weight:500;margin-bottom:1rem;padding:.75rem 1rem;border-radius:8px;background:#ffffffb3}.context-indicator.safe .context-message{color:var(--success)}.context-indicator.warning .context-message{color:var(--warning)}.context-indicator.critical .context-message,.context-indicator.exceeded .context-message{color:var(--error)}.context-progress-container{margin:1rem 0}.context-progress-bar{background:#fffc;border-radius:8px;height:8px;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.context-progress-fill{height:100%;border-radius:8px;transition:width .3s ease;position:relative;overflow:hidden}.context-progress-fill:after{content:"";position:absolute;inset:0;background:transparent;animation:shimmer 2s infinite}.context-details{display:flex;flex-wrap:wrap;gap:1rem;font-family:var(--font-body);font-size:12px;color:var(--gray-medium)}.context-detail-item{padding:.25rem .5rem;background:#fffc;border-radius:6px;border:1px solid rgba(0,0,0,.05)}@keyframes pulse-warning{0%{border-color:var(--error);box-shadow:0 4px 12px #ef444433}50%{border-color:#dc2626;box-shadow:0 4px 25px #ef444466}to{border-color:var(--error);box-shadow:0 4px 12px #ef444433}}.modern-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modern-badge.primary{background:var(--numih-blue-light);color:var(--white-pure)}.modern-badge.secondary{background:var(--gray-light);color:var(--gray-dark)}.modern-badge.success{background:var(--success);color:var(--white-pure)}.modern-badge.warning{background:var(--warning);color:var(--white-pure)}.modern-badge.error{background:var(--numih-red-accent);color:var(--white-pure)}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.result-actions-container{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.template-badge{background:var(--numih-blue-light);color:var(--white-pure);padding:.5rem 1rem;border-radius:20px;font-family:var(--font-body);font-size:12px;font-weight:600;display:flex;align-items:center;gap:.25rem;white-space:nowrap}.result-actions{display:flex;gap:.75rem;flex-wrap:wrap}.result-content{position:relative}.summary-content{background:var(--white-pure);border:1px solid rgba(18,106,179,.1);border-radius:12px;padding:1.5rem;min-height:200px}.content-text{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--gray-dark);white-space:pre-wrap;word-wrap:break-word}.transcription-content{background:var(--white-pure);border:1px solid rgba(35,42,85,.1);border-radius:12px;padding:1rem}.transcription-textarea{width:100%;min-height:300px;resize:vertical;font-family:var(--font-body);font-size:14px;line-height:1.6;background:transparent;border:none;outline:none;color:var(--gray-dark)}.transcription-textarea:focus{outline:none}@media (max-width: 768px){.result-header{flex-direction:column;align-items:flex-start}.result-actions-container{width:100%;justify-content:space-between}.result-actions{flex:1;justify-content:flex-end}.result-actions .modern-button{min-width:auto;padding:.75rem 1rem}}.feature-card{background:var(--white-pure);border:1px solid rgba(35,42,85,.08);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--numih-blue-light);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00234b26;border-color:#126ab333}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:60px;height:60px;margin:0 auto 1.5rem;background:var(--numih-blue-light);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--white-pure);font-size:24px}.feature-title{font-family:var(--font-heading);font-size:18px;font-weight:600;color:var(--numih-blue-dark-1);margin-bottom:.75rem}.feature-description{font-family:var(--font-body);font-size:14px;color:var(--gray-medium);line-height:1.5}.question-form{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.question-input-container{display:flex;gap:.75rem;align-items:stretch}.question-input{flex:1;font-size:16px;padding:1rem;border-radius:12px;min-height:24px}.voice-button{background:var(--gray-light);color:var(--gray-dark);border:2px solid var(--gray-light);border-radius:12px;padding:1rem;min-width:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.voice-button:hover{background:#d1d5db;border-color:var(--gray-medium);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.voice-button.recording{background:var(--numih-red-accent);color:var(--white-pure);border-color:var(--error);animation:pulse-recording 1.5s infinite}.voice-button.disabled{opacity:.5;cursor:not-allowed;background:var(--gray-light);color:var(--gray-medium)}.voice-button.disabled:hover{transform:none;box-shadow:none}.question-submit-button{margin-top:.5rem;align-self:flex-start;width:auto;min-width:200px}@keyframes pulse-recording{0%{box-shadow:0 4px 12px #ef44444d}50%{box-shadow:0 4px 25px #ef444499;transform:translateY(-1px)}to{box-shadow:0 4px 12px #ef44444d}}.chat-history{margin-top:2rem}.chat-history h4{font-family:var(--font-body);font-size:16px;font-weight:600;color:var(--numih-blue-dark-1);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-light)}.chat-messages{display:flex;flex-direction:column;gap:1.5rem}.chat-entry{background:var(--white-pure);border:1px solid rgba(35,42,85,.08);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden}.chat-message{margin-bottom:1rem}.chat-message:last-child{margin-bottom:0}.chat-message .timestamp{font-family:Courier New,monospace;font-size:12px;font-weight:700;color:var(--gray-medium);background:#232a550d;padding:.25rem .75rem;border-radius:20px;display:inline-block;margin-bottom:.75rem;border:1px solid rgba(35,42,85,.1)}.chat-message .message-content{font-family:var(--font-body);line-height:1.6;color:var(--gray-dark)}.user-message .message-content{background:var(--white-pure);border:1px solid rgba(107,114,128,.2);border-radius:12px;padding:1rem}.user-message .message-content strong{color:var(--numih-blue-light);font-weight:600}.assistant-message .message-content{background:var(--gray-light);border:1px solid rgba(35,42,85,.08);border-radius:12px;padding:1rem;margin-left:1rem}.assistant-message .message-content strong{color:var(--numih-blue-dark-1);font-weight:600}.chat-separator{border:none;height:1px;background:var(--gray-light);margin:1.5rem 0}.info-box{text-align:center;font-family:var(--font-body);font-style:italic;color:var(--gray-medium);padding:2rem;background:var(--gray-light);border:1px dashed var(--gray-medium);border-radius:12px}.button-row{display:flex;justify-content:center;margin:1rem 0}.auth-prompt{background:#eff6ff;border:1px solid #93c5fd;border-radius:12px;padding:1rem 1.25rem;margin:1rem 0;display:flex;align-items:center;gap:.75rem;font-family:var(--font-body);font-size:14px;color:var(--numih-blue-dark-1)}.save-indicator{background:var(--white-pure);border:2px solid;border-radius:12px;padding:.75rem 1rem;margin:1rem 0;display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:14px;font-weight:500;transition:all .3s ease}.save-indicator.saving{border-color:var(--blue-numih);color:var(--numih-blue-dark-1);background:#eff6ff}.save-indicator.saved{border-color:var(--success);color:var(--success);background:#f0fdf4}.save-indicator.error{border-color:var(--error);color:var(--error);background:#fef2f2}.segment-progress{background:var(--white-pure);border:2px solid var(--teal);border-radius:16px;padding:1.5rem;margin:1rem 0;position:relative;overflow:hidden}.segment-progress:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--numih-blue-light)}.progress-header{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-weight:600;color:var(--numih-blue-dark-1);margin-bottom:1rem}.progress-bar{background:#126ab31a;border-radius:8px;height:12px;overflow:hidden;margin:1rem 0;border:1px solid rgba(18,106,179,.2)}.progress-fill{background:var(--numih-blue-light);height:100%;border-radius:8px;transition:width .3s ease;position:relative;overflow:hidden}.progress-text{font-family:var(--font-body);font-size:14px;color:var(--gray-medium);text-align:center}.warning-message{background:#fffbeb;border:2px solid var(--warning);border-radius:12px;padding:1rem 1.25rem;margin:1rem 0;display:flex;align-items:center;gap:.75rem;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--warning);animation:pulse-warning 2s infinite}@media (max-width: 768px){.question-input-container{flex-direction:column;gap:.5rem}.voice-button{align-self:flex-end;min-width:48px}.question-submit-button{width:100%;margin-top:1rem}.chat-entry{padding:1rem}.assistant-message .message-content{margin-left:0}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#232a55cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.loading-container{background:var(--color-bg-elevated, #ffffff);border-radius:16px;padding:1.5rem;margin:1rem;max-width:320px;width:auto;min-width:300px;box-shadow:0 15px 35px #00234b33,0 0 0 1px #126ab31a;position:relative;overflow:hidden;animation:slideUp .4s ease-out}.loading-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--numih-blue-light)}.loading-content{text-align:center;position:relative}.loading-title{font-family:var(--font-heading);font-size:24px;font-weight:600;color:var(--numih-blue-dark-1);margin:0 0 1rem;line-height:1.3}.loading-description{font-family:var(--font-body);font-size:16px;color:var(--gray-medium);margin:0 0 1.5rem;line-height:1.5}.loading-message{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--numih-blue-dark-1);background:#0080800d;border:1px solid rgba(18,106,179,.1);border-radius:12px;padding:1rem;margin:1rem 0;line-height:1.4}.loading-dots{display:flex;justify-content:center;gap:.5rem;margin:2rem 0}.dot{width:8px;height:8px;background:var(--teal);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}.time-info{background:var(--gray-light);border:1px solid rgba(35,42,85,.08);border-radius:16px;padding:1.5rem;margin:1.5rem 0;display:flex;flex-direction:column;gap:1rem}.time-item{display:flex;justify-content:space-between;align-items:center}.time-label{font-family:var(--font-body);font-size:14px;color:var(--gray-medium);font-weight:500}.time-value{font-family:Courier New,monospace;font-size:16px;font-weight:700;color:var(--numih-blue-dark-1);background:var(--white-pure);padding:.25rem .75rem;border-radius:20px;border:1px solid rgba(35,42,85,.1)}.progress-bar{background:#126ab31a;border-radius:12px;height:8px;overflow:hidden;margin:2rem 0 1.5rem;border:1px solid rgba(18,106,179,.2)}.progress-fill{height:100%;background:var(--numih-blue-light);border-radius:12px;animation:progressAnimation 2s infinite ease-in-out;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:transparent;animation:shimmer 2s infinite}.loading-tip{font-family:var(--font-body);font-size:13px;font-style:italic;color:var(--gray-medium);margin:1rem 0 0;padding:1rem;background:#126ab308;border-radius:12px;border:1px dashed rgba(18,106,179,.15);line-height:1.4}[data-theme=dark] .loading-container{background:var(--color-bg-elevated, #1e293b);box-shadow:0 15px 35px #0006,0 0 0 1px #60a5fa33}[data-theme=dark] .loading-title{color:var(--color-text-primary, #f1f5f9)}[data-theme=dark] .loading-description,[data-theme=dark] .loading-message{color:var(--color-text-secondary, #94a3b8)}[data-theme=dark] .loading-tip{background:#60a5fa1a;border-color:#60a5fa33;color:var(--color-text-secondary, #94a3b8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}@keyframes progressAnimation{0%{width:0%}50%{width:100%}to{width:0%}}@media (max-width: 768px){.loading-container{padding:2rem 1.5rem;margin:.5rem;border-radius:20px;max-width:300px;min-width:280px}.loading-title{font-size:20px}.loading-description{font-size:14px}.time-info{padding:1rem}.time-item{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width: 480px){.loading-container{padding:1.5rem 1rem;border-radius:16px;max-width:280px;min-width:260px}.loading-title{font-size:18px}.loading-tip{font-size:12px;padding:.75rem}}:root{--primary-header: #005d6e;--accent-orange: #ff8c42;--header-shadow: 0 2px 8px rgba(0, 0, 0, .1)}.main-header{background-color:var(--numih-blue-dark-1)!important;color:var(--white-pure)!important;padding:0!important;box-shadow:var(--header-shadow)!important;position:sticky!important;top:0!important;z-index:1000!important;border-bottom:1px solid rgba(255,255,255,.1)!important;background:none!important}.main-header:before{display:none!important}.header-content{display:flex!important;justify-content:space-between!important;align-items:center!important;max-width:1400px!important;margin:0 auto!important;padding:0 2rem!important;min-height:70px!important;gap:2rem!important;position:relative!important}.header-title{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}.logo-container{display:flex!important;align-items:center!important}.logo{height:40px!important;width:auto!important;object-fit:contain!important;filter:brightness(0) saturate(100%) invert(100%)!important;transition:var(--transition)!important}.logo:hover{transform:scale(1.02)!important}.header-title p{font-family:var(--font-body)!important;font-size:.75rem!important;font-weight:300!important;color:#fffc!important;margin:0!important;letter-spacing:.3px!important}.main-menu-container{position:relative}.main-menu-button{background:#ffffff1a!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:12px!important;padding:.75rem 1.25rem!important;display:flex!important;align-items:center!important;gap:.75rem!important;font-family:var(--font-body)!important;font-weight:500!important;color:var(--white-pure)!important;cursor:pointer!important;transition:var(--transition)!important;min-width:120px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.main-menu-button:hover{background:#ffffff26!important;border-color:#ffffff4d!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0000001a!important}.main-menu-button .chevron{transition:transform .3s ease;color:var(--gray-medium)}.main-menu-button .chevron.rotated{transform:rotate(180deg)}.main-menu-dropdown{position:absolute;top:calc(100% + .5rem);left:0;background:var(--white-pure);border:2px solid var(--gray-light);border-radius:16px;padding:1rem 0;min-width:280px;box-shadow:0 20px 40px #00234b26,0 0 0 1px #126ab30d;z-index:1000;animation:slideDown .3s ease-out;overflow:hidden}.main-menu-dropdown:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--numih-blue-light)}.menu-item{width:100%;padding:1rem 1.5rem;border:none;background:transparent;display:flex;align-items:center;gap:1rem;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--gray-dark);cursor:pointer;transition:all .3s ease;text-align:left}.menu-item:hover{background:#0080800d;color:var(--numih-blue-dark-1);padding-left:2rem}.menu-item.active{background:var(--numih-blue-light);color:var(--white-pure);font-weight:600;position:relative}.menu-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--white-pure)}.menu-item svg{flex-shrink:0}.menu-separator{border:none;height:1px;background:var(--gray-light);margin:.5rem 1rem}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--white-pure);border:2px solid var(--gray-light);border-radius:16px;padding:1rem 0;min-width:220px;box-shadow:0 20px 40px #00234b26,0 0 0 1px #126ab30d;z-index:1000;animation:slideDown .3s ease-out;overflow:hidden}.user-dropdown:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--numih-blue-light)}.dropdown-item{width:100%;padding:.875rem 1.5rem;border:none;background:transparent;display:flex;align-items:center;gap:.75rem;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--gray-dark);cursor:pointer;transition:all .3s ease;text-align:left}.dropdown-item:hover{background:#0080800d;color:var(--numih-blue-dark-1);padding-left:2rem}.dropdown-item.admin-item{color:var(--warning)}.dropdown-item.admin-item:hover{background:#fbbf241a;color:var(--warning)}.dropdown-item.logout-item{color:var(--error)}.dropdown-item.logout-item:hover{background:#ef44441a;color:var(--error)}.dropdown-separator{border:none;height:1px;background:var(--gray-light);margin:.5rem 1rem}.user-info-button{background:#ffffff1a!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:12px!important;padding:.75rem 1rem!important;display:flex!important;align-items:center!important;gap:.75rem!important;font-family:var(--font-body)!important;font-weight:500!important;color:var(--white-pure)!important;cursor:pointer!important;transition:var(--transition)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.user-info-button:hover{background:#ffffff26!important;border-color:#ffffff4d!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0000001a!important}.user-avatar{width:32px!important;height:32px!important;background:var(--accent-orange)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--white-pure)!important;font-weight:700!important;font-size:.9rem!important;flex-shrink:0!important;transition:var(--transition)!important}.avatar-image{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}.avatar-initial{font-weight:700!important;font-size:.9rem!important;color:var(--white-pure)!important}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-name{font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-icon{transition:transform .3s ease;color:var(--gray-medium)}.menu-icon.rotated{transform:rotate(180deg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.main-menu-button,.user-info-button{padding:.625rem .875rem;gap:.5rem}.main-menu-button span,.user-name{display:none}.main-menu-dropdown{min-width:260px;left:auto;right:0}.user-dropdown{min-width:200px}}@media (max-width: 480px){.main-menu-dropdown,.user-dropdown{position:fixed;top:80px;left:1rem;right:1rem;width:auto;min-width:auto}}@media (max-width: 768px){.component-section{padding:1.5rem;margin-bottom:1.5rem}.modern-drop-zone{padding:2rem 1rem}.feature-card{padding:1.5rem}.modern-button{padding:.75rem 1.5rem;font-size:14px}}@media (max-width: 480px){.component-section{padding:1rem}.section-title{font-size:var(--font-size-base)}.modern-drop-zone{padding:1.5rem 1rem}.drop-zone-text{font-size:16px}.feature-icon{width:50px;height:50px;font-size:20px}}.modern-modal-container{max-width:400px;width:auto;min-width:320px}.modern-modal-icon{color:var(--numih-blue-light);margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(18,106,179,.2));display:flex;justify-content:center}.modern-modal-title{font-family:var(--font-heading);font-size:20px;font-weight:600;color:var(--numih-blue-dark-1);margin:0 0 1rem;line-height:1.3;text-align:center}.modern-modal-message{font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--gray-dark);background:#126ab308;border:1px solid rgba(18,106,179,.1);border-radius:12px;padding:1rem;margin:1rem 0 1.5rem;line-height:1.5;white-space:pre-wrap;text-align:left}.modern-modal-buttons{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.modern-modal-button{min-width:100px;width:auto;flex:0 0 auto}.modern-modal-buttons .modern-modal-button:first-child:not(:last-child),.modern-modal-buttons .modern-modal-button:last-child:not(:first-child){flex:1;max-width:140px}@media (max-width: 768px){.modern-modal-container{padding:1.5rem 1.25rem;margin:.5rem;max-width:340px;min-width:300px}.modern-modal-title{font-size:18px}.modern-modal-message{font-size:13px;padding:.75rem}.modern-modal-buttons{flex-direction:column;gap:.5rem}.modern-modal-button{width:100%;max-width:none}}@media (max-width: 480px){.modern-modal-container{padding:1.25rem 1rem;margin:.25rem;max-width:300px;min-width:280px}.modern-modal-title{font-size:16px}.modern-modal-message{font-size:12px;padding:.625rem}}.app-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-secondary)}.app-main{flex:1;padding-top:var(--header-height);padding-bottom:var(--space-8);display:flex;justify-content:center}@media (max-width: 768px){.app-main{padding-top:var(--header-height-mobile);padding-bottom:calc(var(--bottom-nav-height) + var(--space-4))}}.app-container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:var(--space-6)}@media (max-width: 768px){.app-container{padding:var(--space-4)}}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}@media (max-width: 640px){.module-grid{grid-template-columns:1fr;gap:var(--space-4)}}.module-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:block}.module-card:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-md)}.module-card-icon{width:48px;height:48px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-interactive-primary);margin-bottom:var(--space-4)}.module-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.module-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.upload-zone{border:2px dashed var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;background-color:var(--color-bg-primary);cursor:pointer;transition:all var(--transition-normal)}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--color-interactive-primary);background-color:#126ab30a}[data-theme=dark] .upload-zone:hover,[data-theme=dark] .upload-zone.drag-over{background-color:#60a5fa14}.upload-zone-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-text-tertiary)}.upload-zone-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.upload-zone-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.transcription-list{display:flex;flex-direction:column;gap:var(--space-4)}.transcription-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all var(--transition-normal)}.transcription-card:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-sm)}.transcription-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.transcription-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.transcription-card-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.transcription-card-actions{display:flex;align-items:center;gap:var(--space-2)}.results-container{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden}.results-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-primary);background-color:var(--color-bg-secondary)}.results-tabs{display:flex;gap:var(--space-1)}.results-tab{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.results-tab:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.results-tab.active{color:var(--color-interactive-primary);background-color:#126ab314}[data-theme=dark] .results-tab.active{background-color:#60a5fa26}.results-content{padding:var(--space-5)}.results-text{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary);white-space:pre-wrap}.qa-container{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5)}.qa-input-wrapper{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.qa-input{flex:1}.qa-messages{display:flex;flex-direction:column;gap:var(--space-4)}.qa-message{display:flex;gap:var(--space-3)}.qa-message-avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.qa-message-avatar.user{background-color:var(--color-brand-accent);color:#fff}.qa-message-avatar.assistant{background-color:var(--color-interactive-primary);color:#fff}.qa-message-content{flex:1;padding:var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg)}.qa-message.user .qa-message-content{background-color:#126ab314}[data-theme=dark] .qa-message.user .qa-message-content{background-color:#60a5fa1f}.profile-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.profile-grid{grid-template-columns:280px 1fr}}.profile-sidebar{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.profile-avatar-large{width:80px;height:80px;background-color:var(--color-brand-accent);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 auto var(--space-4)}.profile-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.profile-email{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile-content{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-6)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.form-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-1)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border-primary)}.empty-state{text-align:center;padding:var(--space-12)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-text-tertiary)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.loading-overlay{position:fixed;inset:0;background-color:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-border-primary);border-top-color:var(--color-interactive-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{display:flex;gap:var(--space-2);justify-content:center;margin:var(--space-4) 0}.loading-dots .dot{width:8px;height:8px;background-color:var(--color-interactive-primary);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dots .dot:nth-child(1){animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-dots .dot:nth-child(3){animation-delay:0}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5)}.stat-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.stat-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-card-trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);margin-top:var(--space-2)}.stat-card-trend.positive{color:var(--color-success)}.stat-card-trend.negative{color:var(--color-error)}.table-container{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-primary)}.table th{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-bg-secondary)}.table td{font-size:var(--font-size-sm);color:var(--color-text-primary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--color-bg-secondary)}.global-page-container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:var(--space-6)}@media (max-width: 768px){.global-page-container{padding:var(--space-4)}}.container{width:100%;max-width:var(--max-content-width);margin:0 auto}