@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.upload-page{animation:uploadFadeIn .4s ease-out}@keyframes uploadFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.upload-grid{display:grid;grid-template-columns:1fr 300px;gap:1.25rem;margin-bottom:1.25rem}.upload-card{position:relative;overflow:visible}.upload-icon-wrapper{background:var(--purple-light);color:var(--purple)}.info-icon-wrapper{background:var(--info-light);color:var(--info)}.drop-zone{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:2.5rem 2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;background:var(--bg-input);min-height:200px;position:relative;overflow:hidden}.drop-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='200' height='80' viewBox='0 0 200 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%239ca3af' stroke-width='1' opacity='0.08'%3E%3Cpath d='M10 40 L10 30 M16 40 L16 22 M22 40 L22 32 M28 40 L28 18 M34 40 L34 28 M40 40 L40 35 M46 40 L46 20 M52 40 L52 26 M58 40 L58 38 M64 40 L64 24 M70 40 L70 30 M76 40 L76 16 M82 40 L82 34 M88 40 L88 22 M94 40 L94 28 M100 40 L100 36 M106 40 L106 20 M112 40 L112 30 M118 40 L118 14 M124 40 L124 26 M130 40 L130 32 M136 40 L136 24 M142 40 L142 38 M148 40 L148 18 M154 40 L154 28 M160 40 L160 34 M166 40 L166 22 M172 40 L172 36 M178 40 L178 26 M184 40 L184 20 M190 40 L190 32'/%3E%3Cpath d='M10 40 L10 50 M16 40 L16 58 M22 40 L22 48 M28 40 L28 62 M34 40 L34 52 M40 40 L40 45 M46 40 L46 60 M52 40 L52 54 M58 40 L58 42 M64 40 L64 56 M70 40 L70 50 M76 40 L76 64 M82 40 L82 46 M88 40 L88 58 M94 40 L94 52 M100 40 L100 44 M106 40 L106 60 M112 40 L112 50 M118 40 L118 66 M124 40 L124 54 M130 40 L130 48 M136 40 L136 56 M142 40 L142 42 M148 40 L148 62 M154 40 L154 52 M160 40 L160 46 M166 40 L166 58 M172 40 L172 44 M178 40 L178 54 M184 40 L184 60 M190 40 L190 48'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-x;background-position:center;background-size:200px 80px;pointer-events:none;transition:opacity .3s ease;opacity:1}.drop-zone:hover{border-color:var(--accent);background:var(--bg-active);box-shadow:0 0 0 4px #4f82dc0f}.drop-zone:hover:before{opacity:0}.drop-zone.dragging{border-color:var(--accent);background:var(--accent-light);border-style:solid;box-shadow:0 0 0 4px #4f82dc1f,inset 0 0 40px #4f82dc0a;transform:scale(1.005)}.drop-zone.dragging:before{opacity:0}.drop-zone.has-file{border-style:solid;border-color:var(--accent);background:var(--bg-active);padding:1rem 1.25rem;min-height:auto}.drop-zone.has-file:before{opacity:0}.dark .drop-zone{border-color:var(--border-color)}.dark .drop-zone:before{filter:invert(1);opacity:.04}.dark .drop-zone:hover{border-color:var(--accent);box-shadow:0 0 0 4px #5b8dee14}.dark .drop-zone.dragging{box-shadow:0 0 0 4px #5b8dee26,inset 0 0 40px #5b8dee0f}.drop-prompt{text-align:center;position:relative;z-index:1}.drop-icon-circle{width:56px;height:56px;border-radius:var(--radius-full);background:var(--bg-card);border:1.5px solid var(--border-color);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--accent);transition:all .25s ease;box-shadow:var(--shadow-sm)}.drop-zone:hover .drop-icon-circle{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--accent-dark)}.drop-zone.dragging .drop-icon-circle{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 20px #4f82dc40}.drop-text{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:450}.drop-link{color:var(--accent-dark);font-weight:600;text-decoration:underline;text-decoration-color:#4f82dc4d;text-underline-offset:2px;transition:text-decoration-color .15s}.drop-link:hover{text-decoration-color:var(--accent-dark)}.drop-formats{font-size:.75rem;color:var(--text-tertiary);letter-spacing:.01em}.file-selected{display:flex;align-items:center;gap:1rem;width:100%;animation:fileSlideIn .3s ease-out;position:relative;z-index:1}@keyframes fileSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.file-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);background:var(--accent-light);color:var(--accent-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.file-icon-wrapper:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:var(--radius-md);border:2px solid var(--accent);opacity:0;animation:fileIconPulse 2s ease-in-out infinite}@keyframes fileIconPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.04)}}.file-details{flex:1;min-width:0}.file-name{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.125rem}.file-size{font-size:.75rem;color:var(--text-tertiary);font-weight:450}.file-remove{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;cursor:pointer}.file-remove:hover{background:var(--danger-light);color:var(--danger);border-color:#ef444426}.info-card{align-self:start}.steps-list{display:flex;flex-direction:column;gap:.875rem}.step-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem;border-radius:var(--radius-sm);transition:background .15s ease}.step-item:hover{background:var(--bg-hover)}.step-number{width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-hover);color:var(--text-secondary);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.step-item:first-child .step-number{background:var(--accent-light);color:var(--accent-dark)}.step-text{display:flex;flex-direction:column;gap:.125rem}.step-text strong{font-size:.85rem;font-weight:600;color:var(--text-primary)}.step-text span{font-size:.775rem;color:var(--text-tertiary);line-height:1.4}.upload-action{margin-top:1.25rem}.upload-action .btn-primary{width:100%;justify-content:center}.upload-action .btn-primary{transition:all .25s ease;position:relative;overflow:hidden}.upload-action .btn-primary:not(:disabled):hover{transform:translateY(-1px)}.upload-action .btn-primary:not(:disabled):active{transform:translateY(0)}.pre-naming-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-light);animation:preNamingReveal .35s ease-out}@keyframes preNamingReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pre-naming-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.pre-naming-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-primary)}.pre-naming-optional{font-weight:400;color:var(--text-tertiary)}.pre-naming-controls{display:flex;gap:.375rem}.pre-naming-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .15s;cursor:pointer;line-height:1}.pre-naming-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.pre-naming-btn:disabled{opacity:.35;cursor:not-allowed}.pre-naming-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.625rem}.pre-naming-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-light);transition:all .2s ease}.pre-naming-item:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #4f82dc14}.pre-naming-badge{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0;letter-spacing:.02em;transition:transform .15s ease}.pre-naming-item:focus-within .pre-naming-badge{transform:scale(1.05)}.pre-naming-input-group{flex:1;min-width:0}.pre-naming-input-group label{display:block;font-size:.68rem;font-weight:500;color:var(--text-tertiary);margin-bottom:.1rem}.pre-naming-input-group input{width:100%;border:none;background:transparent;font-size:.85rem;font-weight:500;color:var(--text-primary);outline:none;padding:0}.pre-naming-input-group input::placeholder{color:var(--text-tertiary);font-weight:400}@media(max-width:768px){.upload-grid{grid-template-columns:1fr}.info-card{order:-1}.drop-zone{min-height:160px;padding:2rem 1.5rem}}@media(max-width:600px){.pre-naming-grid{grid-template-columns:1fr}.upload-action{justify-content:stretch}.upload-action .btn-primary{width:100%;justify-content:center}.drop-zone{padding:1.5rem 1rem;min-height:140px}.drop-icon-circle{width:48px;height:48px}}.naming-wrapper{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem;margin-bottom:1.5rem}.naming-filename-icon{background:#8b5cf61a;border-radius:12px;width:40px;height:40px}.naming-speakers-icon{background:#4f82dc1a;border-radius:12px;width:40px;height:40px}.naming-filename-row{display:flex;align-items:center;gap:.75rem}.naming-filename-input{flex:1;max-width:400px}.naming-filename-save{flex-shrink:0;padding:.625rem 1rem!important;font-size:.8125rem!important}.speakers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.speaker-field{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-light);transition:border-color .15s}.speaker-field:focus-within{border-color:var(--accent)}.speaker-badge{width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0;letter-spacing:.02em}.speaker-input-group{flex:1;min-width:0}.speaker-input-group label{display:block;font-size:.6875rem;font-weight:500;color:var(--text-tertiary);margin-bottom:.1rem}.speaker-input-group input{width:100%;border:none;background:transparent;font-size:.85rem;font-weight:500;color:var(--text-primary);outline:none;padding:0}.speaker-input-group input::placeholder{color:var(--text-tertiary);font-weight:400}.naming-actions{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:.75rem}@media(max-width:600px){.speakers-grid{grid-template-columns:1fr}.naming-filename-row{flex-direction:column;align-items:stretch}.naming-filename-input{max-width:100%}.naming-actions{flex-direction:column}.naming-actions .btn-primary,.naming-actions .btn-secondary{width:100%;justify-content:center}}.transcription-loading{display:flex;justify-content:center;padding:3rem 0}.loading-card{max-width:420px;width:100%;padding:2rem 2rem 1.75rem}.loading-steps-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1.75rem;color:var(--text-primary)}.loading-steps-header h2{font-size:1.05rem;font-weight:600}.loading-steps-header svg{color:var(--accent);flex-shrink:0}.loading-steps{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.75rem}.loading-step-row{display:flex;align-items:flex-start;gap:.75rem}.loading-step-icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}.loading-step-row.done .loading-step-icon{background:var(--success-light);color:var(--success);border-radius:50%}.loading-step-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-step-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);margin:4px}.loading-step-text{display:flex;flex-direction:column;gap:.2rem}.loading-step-label{font-size:.875rem;font-weight:500}.loading-step-row.done .loading-step-label{color:var(--text-tertiary);text-decoration:line-through;text-decoration-color:var(--border-color)}.loading-step-row.active .loading-step-label{color:var(--text-primary);font-weight:600}.loading-step-row.pending .loading-step-label{color:var(--text-tertiary)}.loading-step-hint{font-size:.775rem;color:var(--text-tertiary)}.loading-bar-track{height:3px;background:var(--border-color);border-radius:2px;overflow:hidden}.loading-bar-fill{height:100%;width:40%;background:var(--accent);border-radius:2px;animation:loading-slide 1.5s ease-in-out infinite}.transcription-page{width:100%;max-width:100%;overflow-x:hidden;min-width:0}.transcription-filename-row{margin-bottom:1.25rem}.transcription-filename-label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.transcription-filename-input{display:block;width:100%;max-width:400px;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-size:.9375rem;font-weight:600;transition:all .2s ease}.transcription-filename-input:hover{border-color:var(--text-tertiary)}.transcription-filename-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f82dc26;outline:none}.transcription-filename-input::placeholder{color:var(--text-tertiary);font-weight:400}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;width:100%}.stat-card{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem}.stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-success{background:#16a34a1a}.stat-icon-info{background:#4f82dc1a}.stat-icon-warning{background:#f59e0b1a}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:.75rem;color:var(--text-tertiary)}.summary-card{margin-bottom:1.5rem}.summary-icon-wrapper{background:#8b5cf61a;border-radius:12px;width:40px;height:40px}.summary-text{font-size:.875rem;color:var(--text-secondary);line-height:1.8;word-break:break-word;overflow-wrap:break-word;white-space:pre-line}.segments-card .card-header{position:sticky;top:0;background:var(--bg-card);padding-bottom:1rem;border-bottom:1px solid var(--border-light);z-index:1}.segments-icon-wrapper{background:#4f82dc1a;border-radius:12px;width:40px;height:40px}.segment-count{margin-left:auto;background:var(--bg-hover);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-full)}.segments-list{display:flex;flex-direction:column;max-height:600px;overflow-y:auto;padding-right:.25rem}.segment-row{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 0;border-bottom:1px solid var(--border-light)}.segment-row:last-child{border-bottom:none}.segment-time{font-family:SF Mono,Fira Code,monospace;font-size:.75rem;color:var(--text-tertiary);min-width:44px;width:44px;text-align:right;padding-top:.25rem;flex-shrink:0}.segment-avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0;letter-spacing:.02em}.segment-body{flex:1;min-width:0}.segment-speaker{font-size:.8rem;font-weight:600;display:block;margin-bottom:.2rem}.segment-content{font-size:.875rem;color:var(--text-primary);line-height:1.6}@media(max-width:768px){.stats-row{grid-template-columns:1fr}}@media(max-width:600px){.stat-card{padding:.75rem 1rem}.segment-row{flex-wrap:wrap;gap:.5rem}.segment-time{min-width:unset}.segment-body{width:100%}.segment-content{word-break:break-word;overflow-wrap:break-word}.loading-card{padding:2rem 1.25rem}}.export-card{margin-top:1.5rem}.export-preview{border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:1.25rem}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:var(--bg-hover);border-bottom:1px solid var(--border-color)}.preview-filename-btn{display:inline-flex;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;padding:0;color:var(--text-tertiary);transition:color .15s}.preview-filename-btn:hover,.preview-filename-btn:hover .preview-filename{color:var(--accent)}.preview-filename{font-size:.8rem;font-weight:600;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;transition:color .15s}.preview-filename-input{font-size:.8rem;font-weight:600;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;background:var(--bg-input);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:.2rem .5rem;outline:none;box-shadow:0 0 0 3px #4f82dc26;width:200px}.preview-lines{font-size:.7rem;color:var(--text-tertiary)}.preview-content{padding:.5rem 0;max-height:240px;overflow-y:auto;background:var(--bg-card)}.preview-line{display:flex;gap:1rem;padding:.25rem 1rem;font-family:SF Mono,Fira Code,monospace;font-size:.775rem;line-height:1.6}.preview-line:hover{background:var(--bg-hover)}.line-number{color:var(--text-tertiary);min-width:24px;text-align:right;-webkit-user-select:none;user-select:none}.line-text{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-more .line-text{color:var(--text-tertiary);font-style:italic}.export-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.export-actions-right{display:flex;gap:.75rem}.export-new{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light);display:flex;justify-content:center}.export-new-btn{width:100%;justify-content:center}@media(max-width:600px){.export-actions{flex-direction:column}.export-actions-right{width:100%}.export-actions-right .btn-secondary,.export-actions-right .btn-primary{flex:1;justify-content:center}.export-actions>.btn-secondary{width:100%;justify-content:center}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--auth-bg);padding:20px}.auth-card{width:100%;max-width:400px;background:var(--auth-card-bg);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--auth-card-shadow);border:1px solid var(--auth-card-border)}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{width:80px;height:80px;margin:0 auto 16px;background:var(--auth-logo-bg);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff}.auth-header h1{font-size:24px;font-weight:700;color:var(--auth-text);margin:0 0 8px}.auth-header p{color:var(--auth-text-sub);margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--auth-text)}.form-group input{padding:12px 16px;border:1px solid var(--auth-input-border);border-radius:var(--radius-sm);background:var(--auth-input-bg);color:var(--auth-text);font-size:16px;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--auth-input-focus);box-shadow:0 0 0 3px var(--auth-input-shadow)}.form-group input::placeholder{color:var(--auth-text-sub);opacity:.7}.auth-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--auth-error-bg);border:1px solid var(--auth-error-border);border-radius:var(--radius-sm);color:var(--auth-error-text);font-size:14px}.auth-button{display:flex;align-items:center;justify-content:center;padding:14px 24px;background:var(--auth-btn-bg);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px -10px var(--auth-btn-shadow)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid var(--auth-spinner-border);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-footer{margin-top:24px;text-align:center}.auth-footer p{color:var(--auth-text-sub);font-size:14px}.toggle-mode{background:none;border:none;color:var(--auth-input-focus);font-weight:600;cursor:pointer;margin-left:4px}.toggle-mode:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:28px 32px;max-width:420px;width:90%;box-shadow:var(--shadow-lg)}.modal-message{font-size:.95rem;color:var(--text-primary);margin:0 0 24px;line-height:1.5}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.admin-panel{padding:0}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-tertiary)}.admin-header{margin-bottom:1.75rem}.admin-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.admin-header p{font-size:.875rem;color:var(--text-secondary);margin:0}.admin-alert{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.8rem;font-weight:500;animation:adminFadeIn .15s ease}.admin-alert-success{background:var(--success-light);border:1px solid var(--success);color:var(--success)}.admin-alert-error{background:var(--danger-light);border:1px solid rgba(239,68,68,.25);color:var(--danger)}.dark .admin-alert-error{border-color:#f4707040}.admin-alert-dismiss{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;padding:2px;display:flex;align-items:center;opacity:.6}.admin-alert-dismiss:hover{opacity:1}.admin-subheader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.admin-user-count{font-size:.75rem;font-weight:600;color:var(--text-tertiary);background:var(--bg-hover);padding:.15rem .5rem;border-radius:var(--radius-full)}.admin-new-user-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;border:none}.admin-new-user-btn.open{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.admin-new-user-btn.open:hover{background:var(--bg-hover)}.dark .admin-new-user-btn.open{background:#ffffff1a;border-color:#ffffff2e;color:var(--text-primary)}.admin-form-card{margin-bottom:1.25rem;animation:adminFadeIn .15s ease}.admin-form-header{display:flex;align-items:center;gap:.625rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light);margin-bottom:1rem}.admin-form-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-form-header span{font-size:.875rem;font-weight:600;color:var(--text-primary)}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.admin-form-group{display:flex;flex-direction:column}.admin-form-group label{font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.admin-form-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border-light);gap:1rem}.admin-checkbox-chip{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;font-size:.75rem;font-weight:500;border:1px solid var(--border-light);background:var(--bg-input);color:var(--text-secondary)}.admin-checkbox-chip.checked{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.dark .admin-checkbox-chip.checked{background:#f0a73226;border-color:#f0a73259;color:#fbbf24}.admin-checkbox-chip input[type=checkbox]{width:14px;height:14px;accent-color:var(--warning)}.admin-form-actions{display:flex;gap:.5rem}.admin-users-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden;padding:0}.admin-users-header{display:grid;grid-template-columns:1fr 100px 100px 50px;padding:10px 16px;background:var(--bg-input);border-bottom:2px solid var(--border-color)}.admin-users-header span{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.admin-user-row{display:grid;grid-template-columns:1fr 100px 100px 50px;padding:12px 16px;align-items:center;border-bottom:1px solid var(--border-light);transition:background .15s}.admin-user-row:last-child{border-bottom:none}.admin-user-row:hover{background:var(--bg-hover)}.dark .admin-user-row:hover{background:#ffffff08}.admin-user-row.inactive{opacity:.55}.admin-user-row.protected{background:var(--warning-light);opacity:1}.dark .admin-user-row.protected{background:#f0a7320f}.admin-user-info{display:flex;align-items:center;gap:10px;min-width:0}.admin-user-avatar{width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}.admin-user-text{min-width:0}.admin-user-name-row{display:flex;align-items:center;gap:.375rem}.admin-user-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-badge{font-size:.625rem;font-weight:600;padding:.1rem .4rem;border-radius:var(--radius-full);white-space:nowrap}.admin-user-badge.protected{background:var(--warning-light);color:var(--warning)}.admin-user-badge.self{background:var(--info-light);color:var(--info)}.dark .admin-user-badge.self{background:#5b8dee1f;color:#93bbfd}.admin-user-email{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-meta{font-size:.6875rem;color:var(--text-tertiary);margin-top:2px}.toggle-switch{position:relative;width:36px;height:20px;border-radius:var(--radius-full);background:var(--border-color);cursor:pointer;transition:background .2s ease;border:none;padding:0;flex-shrink:0}.toggle-switch.active{background:var(--accent)}.toggle-switch .toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s ease}.toggle-switch.active .toggle-knob{left:18px}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-cell{display:flex;align-items:center;gap:.5rem}.toggle-label{font-size:.7rem;font-weight:500}.toggle-label.active{color:var(--success)}.toggle-label.inactive{color:var(--text-tertiary)}.admin-delete-btn{width:30px;height:30px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.admin-delete-btn:hover{background:var(--danger-light);color:var(--danger)}.dark .admin-delete-btn:hover{background:#f4707026}.admin-delete-btn:disabled{opacity:.3;cursor:not-allowed}.admin-delete-btn:disabled:hover{background:transparent;color:var(--text-tertiary)}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.admin-empty-icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--bg-input);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);margin-bottom:1rem}.admin-empty p{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.admin-empty span{font-size:.8rem;color:var(--text-tertiary);display:block;margin-bottom:1rem}.admin-modal-icon{width:48px;height:48px;border-radius:50%;background:var(--danger-light);display:flex;align-items:center;justify-content:center;color:var(--danger);margin:0 auto 1rem}.admin-modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:center}.admin-modal-text{font-size:.875rem;color:var(--text-secondary);line-height:1.5;text-align:center;margin:0 0 1.5rem}.admin-modal-text strong{color:var(--text-primary)}.admin-modal-actions{display:flex;gap:10px;justify-content:center}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.admin-users-header{display:none}.admin-user-row{grid-template-columns:1fr;gap:.75rem;padding:1rem 16px}.toggle-cell{justify-content:flex-start}.admin-form-footer{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.admin-subheader{flex-direction:column;align-items:flex-start;gap:.75rem}.admin-modal-actions{flex-direction:column}}.history-container{padding:0}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-tertiary)}.history-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.75rem;gap:1rem}.history-title-row{display:flex;align-items:center;gap:.75rem}.history-header-left h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;letter-spacing:-.01em}.history-header-left p{font-size:.8125rem;color:var(--text-tertiary);margin:0}.history-count{font-size:.75rem;font-weight:600;color:var(--text-tertiary);background:var(--bg-hover);padding:.25rem .75rem;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.history-search{position:relative;margin-bottom:1.25rem}.history-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.history-search input{display:block;width:100%;padding:10px 14px 10px 40px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:.8125rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.history-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f82dc1f}.history-search input::placeholder{color:var(--text-tertiary)}.history-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.history-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.history-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--danger-light);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);color:var(--danger);margin-bottom:1.25rem;font-size:.875rem}.dark .history-error{border-color:#f4707040}.history-error button{margin-left:auto;background:none;border:none;color:var(--danger);font-size:18px;cursor:pointer}.history-empty-full{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:420px;padding:3rem 2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:fadeIn .3s ease}.history-empty-full-icon{width:72px;height:72px;border-radius:20px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.dark .history-empty-full-icon{background:#5b8dee1f;color:#93bbfd}.history-empty-full h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.history-empty-full p{font-size:.8125rem;color:var(--text-tertiary);margin:0 0 1.5rem;max-width:340px;line-height:1.6}.history-empty-full .btn-primary{padding:.625rem 1.5rem}.history-content{display:grid;grid-template-columns:340px 1fr;gap:1.25rem;min-height:520px}.history-list{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.history-list-scroll{flex:1;overflow-y:auto;padding:.375rem}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;color:var(--text-tertiary);text-align:center}.history-empty-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--text-tertiary)}.dark .history-empty-icon{background:#ffffff0a}.history-empty p{margin:0 0 .25rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.history-empty span{font-size:.775rem;color:var(--text-tertiary)}.history-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;position:relative;animation:histItemIn .25s ease-out both}.history-item:hover{background:var(--bg-hover)}.dark .history-item:hover{background:#ffffff0a}.history-item.selected{background:var(--accent-light)}.dark .history-item.selected{background:#5b8dee1f}.history-item.selected .item-icon{background:var(--accent);color:#fff;box-shadow:0 2px 8px #4f82dc4d}.dark .history-item.selected .item-icon{background:#5b8dee4d;color:#93bbfd;box-shadow:0 0 12px #5b8dee33}.history-item.selected .item-info h3{color:var(--accent-dark)}@keyframes histItemIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.history-item:nth-child(1){animation-delay:0ms}.history-item:nth-child(2){animation-delay:30ms}.history-item:nth-child(3){animation-delay:60ms}.history-item:nth-child(4){animation-delay:90ms}.history-item:nth-child(5){animation-delay:.12s}.history-item:nth-child(6){animation-delay:.15s}.history-item:nth-child(7){animation-delay:.18s}.history-item:nth-child(8){animation-delay:.21s}.history-item:nth-child(9){animation-delay:.24s}.history-item:nth-child(10){animation-delay:.27s}.item-icon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;transition:all .2s ease}.dark .item-icon{background:#ffffff0d}.item-info{flex:1;min-width:0}.item-info h3{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.item-meta{display:flex;align-items:center;gap:.5rem}.item-date{font-size:.6875rem;color:var(--text-tertiary)}.item-dot{width:3px;height:3px;border-radius:50%;background:var(--text-tertiary);flex-shrink:0}.item-segments{font-size:.6875rem;color:var(--text-tertiary);font-weight:500}.item-delete{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;opacity:0}.history-item:hover .item-delete{opacity:1}.item-delete:hover{background:var(--danger-light);color:var(--danger)}.dark .item-delete:hover{background:#f4707026}.history-detail{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;color:var(--text-tertiary);text-align:center;padding:2rem}.detail-empty-icon{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--text-tertiary)}.dark .detail-empty-icon{background:#ffffff0a}.detail-empty p{margin-top:0;color:var(--text-secondary);font-size:.875rem}.detail-empty span{font-size:.775rem;color:var(--text-tertiary);display:block;margin-top:.25rem}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);gap:1rem;flex-shrink:0}.detail-header-left{flex:1;min-width:0}.detail-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-date{font-size:.75rem;color:var(--text-tertiary)}.load-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.load-btn:hover{background:var(--accent-dark);box-shadow:var(--shadow-md)}.dark .load-btn{background:#5b8dee40;color:#93bbfd;border:1px solid rgba(91,141,238,.35)}.dark .load-btn:hover{background:#5b8dee59}.detail-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.detail-stats{display:flex;gap:.75rem;margin-bottom:1.25rem}.detail-stat{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-light);font-size:.75rem;color:var(--text-secondary)}.detail-stat svg{color:var(--text-tertiary);flex-shrink:0}.detail-stat strong{font-weight:600;color:var(--text-primary)}.detail-summary{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:1.25rem}.detail-summary-label{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.625rem}.detail-summary-label svg{color:var(--purple)}.detail-summary p{color:var(--text-primary);margin:0;line-height:1.7;font-size:.8125rem;white-space:pre-line;word-break:break-word}.detail-segments-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem}.detail-segments-label{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.detail-segments-count{font-size:.6875rem;font-weight:600;color:var(--accent);background:var(--accent-light);padding:.1rem .5rem;border-radius:var(--radius-full)}.dark .detail-segments-count{background:#5b8dee1f;color:#93bbfd}.detail-segments-list{display:flex;flex-direction:column;gap:0}.segment-item{display:flex;gap:.75rem;padding:.75rem 0;position:relative}.segment-item+.segment-item{border-top:1px solid var(--border-light)}.dark .segment-item+.segment-item{border-top-color:#ffffff0d}.segment-item-avatar{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;flex-shrink:0;letter-spacing:.02em;margin-top:2px}.segment-item-body{flex:1;min-width:0}.segment-item-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.2rem}.segment-item-speaker{font-size:.775rem;font-weight:600}.segment-item-time{font-family:SF Mono,Fira Code,monospace;font-size:.6875rem;color:var(--text-tertiary)}.segment-item-content{font-size:.8125rem;color:var(--text-primary);line-height:1.6}.history-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;color:var(--text-tertiary);text-align:center}.history-no-results p{margin:12px 0 4px;color:var(--text-secondary);font-size:.8125rem}.history-no-results span{font-size:.75rem;color:var(--text-tertiary)}@media(max-width:768px){.history-content{grid-template-columns:1fr}.history-detail{min-height:300px}.history-header{flex-direction:column;align-items:flex-start}.item-delete{opacity:1}}@media(max-width:600px){.detail-header{flex-direction:column;align-items:flex-start;gap:.75rem}.load-btn{width:100%;justify-content:center}.detail-stats{flex-wrap:wrap}.detail-body{padding:1rem}}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40;overflow-y:auto}.sidebar-logo{padding:1.125rem 1.25rem;display:flex;align-items:center;gap:.75rem;position:relative}.sidebar-logo:after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:1px;background:var(--border-color)}.logo-icon{width:32px;height:32px;background:var(--accent);color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #4f82dc4d;flex-shrink:0}.logo-text{display:flex;flex-direction:column;gap:0}.logo-title{font-size:.85rem;font-weight:700;color:var(--text-primary);line-height:1.2}.logo-subtitle{font-size:.65rem;color:var(--text-tertiary);font-weight:500}.company-tag{padding:.625rem 1rem;border-bottom:1px solid var(--border-color)}.company-tag-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:.375rem}.company-tag-pill{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:var(--bg-active);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer}.company-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.company-tag-name{font-size:.72rem;font-weight:700;color:var(--accent-dark);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-tag-switch{font-size:.6rem;color:var(--accent-dark);text-decoration:underline;cursor:pointer;flex-shrink:0}.sidebar-nav{flex:1;padding:.625rem .75rem;overflow-y:auto;display:flex;flex-direction:column}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-section+.nav-section{margin-top:.5rem}.nav-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:.75rem .75rem .5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:.8125rem;font-weight:500;transition:all .15s ease;cursor:default;border-left:2px solid transparent}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-active);color:var(--accent-dark);font-weight:600;border-left-color:var(--accent)}.nav-item.active svg{color:var(--accent)}.nav-badge{margin-left:auto;font-size:.6rem}.nav-badge.processing{color:var(--accent);animation:pulse 1.5s ease-in-out infinite}.nav-count{margin-left:auto;background:var(--accent);color:#fff;font-size:.7rem;font-weight:600;padding:.1rem .45rem;border-radius:var(--radius-full);min-width:20px;text-align:center}.sidebar-theme-toggle{margin-top:auto;padding-top:.75rem;position:relative}.sidebar-theme-separator{position:absolute;top:0;left:-2px;right:-2px;height:1px;background:var(--border-color)}.sidebar-theme-btn{width:100%;border:none!important;background:transparent!important;color:var(--text-secondary)!important;font-weight:500!important}.sidebar-theme-btn:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.sidebar-footer{padding:.875rem 1rem;position:relative}.sidebar-footer:before{content:"";position:absolute;top:0;left:10px;right:10px;height:1px;background:var(--border-color)}.sidebar-footer-user{display:flex;align-items:center;gap:10px;margin-bottom:10px}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.68rem;flex-shrink:0}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.78rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.68rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer-buttons{display:flex;gap:8px}.sidebar-compact-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.4rem;font-size:.7rem;font-weight:500;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);transition:all .15s ease;cursor:pointer}.sidebar-compact-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-tertiary)}.dark .sidebar-compact-btn{background:#ffffff1a;border-color:#ffffff2e;color:var(--text-primary)}.dark .sidebar-compact-btn:hover{background:#ffffff26}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);gap:16px;color:var(--text-tertiary)}.main-content{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh;min-width:0;overflow-x:hidden}.topbar{padding:1rem 2rem;border-bottom:1px solid var(--border-color);background:var(--bg-card);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.breadcrumb-root{color:var(--text-tertiary)}.breadcrumb svg{color:var(--text-tertiary)}.breadcrumb-current{color:var(--text-primary);font-weight:500}.error-banner{margin:1rem 2rem 0;padding:.875rem 1rem;background:var(--danger-light);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between}.dark .error-banner{border-color:#f4707040}.error-content{display:flex;align-items:center;gap:.625rem;color:var(--danger);font-size:.875rem;font-weight:500}.error-close{background:none;border:none;color:var(--danger);padding:.25rem;border-radius:var(--radius-sm);display:flex;align-items:center;transition:background .15s;cursor:pointer}.error-close:hover{background:#ef44441a}.page-content{flex:1;padding:2rem;min-width:0;max-width:960px;overflow-x:hidden}.page-content.page-content-full{max-width:none}.mobile-topbar{display:none;position:sticky;top:0;height:56px;z-index:40;padding:0 .75rem;align-items:center;justify-content:space-between;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding-top:env(safe-area-inset-top,0px)}.dark .mobile-topbar{background:#0a0a0ad9}.mobile-topbar.scrolled{box-shadow:var(--shadow-sm)}.mobile-topbar-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:.5rem}.mobile-topbar-btn:hover{background:var(--bg-hover)}.mobile-topbar-btn:active{transform:scale(.95)}.mobile-topbar-logo{display:flex;align-items:center;justify-content:center}.mobile-topbar-logo .logo-icon{width:28px;height:28px;border-radius:8px}.mobile-topbar-logo .logo-icon svg{width:16px;height:16px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);z-index:49;animation:fadeIn .15s ease}.sidebar-overlay.active{display:block}.sidebar-close-btn{position:fixed;top:12px;left:248px;z-index:51;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;transition:background .15s}.sidebar-close-btn.active{display:flex}.sidebar-close-btn:hover{background:#ffffff40}.pipeline-stepper{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:1.75rem;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.stepper-step{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.stepper-indicator{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid var(--border-color);color:var(--text-tertiary);background:var(--bg-input);transition:all .2s;flex-shrink:0}.stepper-step.current .stepper-indicator{border-color:var(--accent);background:var(--accent);color:#fff}.stepper-step.completed .stepper-indicator{border-color:var(--success);background:var(--success-light);color:var(--success)}.stepper-number{line-height:1}.stepper-label{font-size:.8rem;font-weight:500;color:var(--text-tertiary);white-space:nowrap}.stepper-step.current .stepper-label{color:var(--accent-dark);font-weight:600}.stepper-step.completed .stepper-label{color:var(--success)}.stepper-connector{width:48px;height:1.5px;background:var(--border-color);opacity:.6;margin:0 .625rem;flex-shrink:0}.stepper-connector.completed{background:var(--success)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:380px}.toast{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toastSlideIn .3s ease;font-size:.85rem;font-weight:500}.toast-success{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.toast-error{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.toast-info{background:var(--info-light);color:var(--info);border:1px solid var(--info)}.dark .toast-success{background:#3ecf6e26;border-color:#3ecf6e4d}.dark .toast-error{background:#f4707026;border-color:#f470704d}.dark .toast-info{background:#5b8dee26;border-color:#5b8dee4d}.toast-message{flex:1}.toast-close{background:none;border:none;color:inherit;opacity:.6;cursor:pointer;padding:2px;display:flex;align-items:center}.toast-close:hover{opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.nav-item.clickable{cursor:pointer}.sidebar-progress{display:flex;flex-direction:column;padding:.25rem .75rem;gap:0}.progress-step{display:flex;align-items:center;gap:.625rem;position:relative;padding:.375rem 0}.progress-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-input);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:all .25s ease}.progress-step.done .progress-dot{border-color:var(--success);background:var(--success-light);color:var(--success)}.progress-step.current .progress-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px #4f82dc33}.progress-pulse{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.5s ease-in-out infinite}.progress-line{position:absolute;left:9px;top:calc(50% + 10px);width:2px;height:calc(100% - 4px);background:var(--border-color);z-index:0}.progress-step.done .progress-line{background:var(--success)}.progress-step.current .progress-line{background:linear-gradient(to bottom,var(--accent) 0%,var(--border-color) 100%)}.progress-label{font-size:.775rem;font-weight:500;color:var(--text-tertiary);line-height:1}.progress-step.done .progress-label{color:var(--success)}.progress-step.current .progress-label{color:var(--accent-dark);font-weight:600}@media(max-width:768px){.sidebar{display:none}.sidebar.sidebar-mobile-open{display:flex;z-index:50}.mobile-topbar{display:flex}.main-content{margin-left:0}.topbar,.page-content{padding:1rem}.error-banner{margin:.75rem 1rem 0}.pipeline-stepper{padding:.75rem 1rem;margin-bottom:1.25rem}.stepper-label{font-size:.7rem}.stepper-connector{width:16px;margin:0 .25rem}.stepper-indicator{width:24px;height:24px;font-size:.65rem}.toast-container{bottom:1rem;right:1rem;left:1rem;max-width:none}}:root{--bg-primary: #f8f9fb;--bg-card: #ffffff;--bg-sidebar: #ffffff;--bg-hover: #f3f4f6;--bg-active: #eff6ff;--bg-input: #fbfbfb;--bg-badge: #dbeafe;--bg-badge-red: #fef2f2;--bg-badge-yellow: #fffbeb;--bg-badge-blue: #eff6ff;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-inverse: #ffffff;--accent: #4f82dc;--accent-light: #dbeafe;--accent-dark: #2563c8;--success: #16a34a;--success-light: #dcfce7;--danger: #ef4444;--danger-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--info: #3b82f6;--info-light: #dbeafe;--purple: #8b5cf6;--purple-light: #ede9fe;--border-color: #e5e7eb;--border-light: #f3f4f6;--border-hover: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .06);--overlay-bg: rgba(0, 0, 0, .45);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--auth-bg: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--auth-card-bg: #1e293b;--auth-card-border: rgba(255, 255, 255, .1);--auth-card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--auth-input-bg: #0f172a;--auth-input-border: #334155;--auth-input-focus: #3b82f6;--auth-input-shadow: rgba(59, 130, 246, .2);--auth-text: #f1f5f9;--auth-text-sub: #94a3b8;--auth-error-bg: rgba(239, 68, 68, .1);--auth-error-border: rgba(239, 68, 68, .3);--auth-error-text: #fca5a5;--auth-btn-bg: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--auth-btn-shadow: rgba(59, 130, 246, .5);--auth-logo-bg: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--auth-spinner-border: rgba(255, 255, 255, .3);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark{--bg-primary: #0a0a0a;--bg-sidebar: #111111;--bg-card: #1a1a1a;--bg-input: #303030;--bg-hover: #2a2a2a;--bg-active: #1c2a42;--bg-badge: #1c2a42;--bg-badge-red: rgba(239, 68, 68, .1);--bg-badge-yellow: rgba(245, 158, 11, .1);--bg-badge-blue: rgba(79, 130, 220, .1);--text-primary: #f7f7f7;--text-secondary: #d0d0d0;--text-tertiary: #ababab;--text-inverse: #0a0a0a;--accent: #5b8dee;--accent-light: rgba(91, 141, 238, .1);--accent-dark: #8ab4f8;--success: #3ecf6e;--success-light: rgba(62, 207, 110, .1);--danger: #f47070;--danger-light: rgba(244, 112, 112, .1);--warning: #f0a732;--warning-light: rgba(240, 167, 50, .1);--info: #5b8dee;--info-light: rgba(91, 141, 238, .1);--purple: #b197fc;--purple-light: rgba(177, 151, 252, .1);--border-color: #2a2a2a;--border-light: #1f1f1f;--border-hover: #3f3f46;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .05);--overlay-bg: rgba(0, 0, 0, .75);--auth-bg: linear-gradient(160deg, #0a0a0a 0%, #111827 100%);--auth-card-bg: #161616;--auth-card-border: rgba(255, 255, 255, .08);--auth-card-shadow: 0 24px 64px rgba(0, 0, 0, .8);--auth-input-bg: #0f0f0f;--auth-input-border: #2a2a2a;--auth-text-sub: #8a8a8a}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}#root{width:100%;min-height:100vh}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark ::-webkit-scrollbar-thumb{background:#2a2a2a}.dark ::-webkit-scrollbar-thumb:hover{background:#3a3a3a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes dashSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dashShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.font-mono-numbers{font-family:SF Mono,Fira Code,monospace;font-feature-settings:"tnum";letter-spacing:-.02em}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem}.page-header p{font-size:.875rem;color:var(--text-secondary)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);min-width:0;overflow-x:hidden;transition:box-shadow .2s ease,border-color .2s ease}.card.cursor-pointer{box-shadow:var(--shadow-md)}.card.cursor-pointer:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.dark .card.cursor-pointer:hover{box-shadow:0 0 15px #ffffff0d,0 0 5px #ffffff05;border-color:#ffffff26}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.card-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.card-header h3{font-size:.95rem;font-weight:600}.card-subtitle{font-size:.8rem;color:var(--text-tertiary);margin-top:.125rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);transition:all .2s ease;cursor:pointer;border:none;outline:none}.btn:focus-visible{box-shadow:0 0 0 3px #4f82dc4d}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;transition:all .2s ease;cursor:pointer}.btn-primary:hover:not(:disabled){background:var(--accent-dark);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.dark .btn-primary{background:#5b8dee40;color:#93bbfd;border:1px solid rgba(91,141,238,.35)}.dark .btn-primary:hover:not(:disabled){background:#5b8dee59}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);transition:all .15s ease;cursor:pointer}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-tertiary)}.dark .btn-secondary{background:#ffffff1a;border-color:#ffffff2e;color:var(--text-primary)}.dark .btn-secondary:hover{background:#ffffff26}.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border:none;border-radius:var(--radius-sm);background:var(--danger);color:#fff;transition:all .15s ease;cursor:pointer}.btn-danger:hover{opacity:.9}.dark .btn-danger{background:#f4707040;color:#f87171;border:1px solid rgba(244,112,112,.35)}.dark .btn-danger:hover{background:#f4707059}.btn-success{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-sm);background:var(--success);color:#fff;transition:all .15s ease;cursor:pointer}.btn-success:hover{opacity:.9}.dark .btn-success{background:#3ecf6e40;color:#4ade80;border:1px solid rgba(62,207,110,.35)}.btn-warning{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-sm);background:var(--warning);color:#fff;transition:all .15s ease;cursor:pointer}.btn-warning:hover{opacity:.9}.dark .btn-warning{background:#f0a73240;color:#fbbf24;border:1px solid rgba(240,167,50,.35)}.btn-icon{width:30px;height:30px;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);border:none;display:flex;align-items:center;justify-content:center;transition:all .15s ease;cursor:pointer;padding:0}.btn-icon:hover{background:var(--danger-light);color:var(--danger)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.input{display:block;width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.input:hover{border-color:var(--text-tertiary)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f82dc26;outline:none}.input::placeholder{color:var(--text-tertiary)}select.input{cursor:pointer}textarea.input{resize:vertical}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus,.input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}.dark input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.inline-input-row{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.inline-input-row:focus-within{border-color:var(--accent)}.action-btn-edit,.action-btn-delete,.action-btn-warning,.action-btn-success,.action-btn-disabled{width:30px;height:30px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;transition:all .15s ease;cursor:pointer;padding:0}.action-btn-edit{color:var(--accent)}.action-btn-delete{color:var(--danger)}.action-btn-warning{color:var(--warning)}.action-btn-success{color:var(--success)}.action-btn-disabled{color:var(--border-color);pointer-events:none}.action-btn-edit:hover{background:var(--accent-light)}.action-btn-delete:hover{background:var(--danger-light)}.action-btn-warning:hover{background:var(--warning-light)}.action-btn-success:hover{background:var(--success-light)}.dark .action-btn-edit:hover{background:#5b8dee26}.dark .action-btn-delete:hover{background:#f4707026}.dark .action-btn-warning:hover{background:#f0a73226}.dark .action-btn-success:hover{background:#3ecf6e26}.status-dot-pending{background:var(--warning)}.status-dot-returned{background:#c2410c}.status-dot-approved-banking{background:var(--accent)}.status-dot-bank-executed{background:var(--purple)}.status-dot-approved{background:var(--success)}.status-dot-cancelled{background:var(--danger)}.badge-active{background:#dcfce7;color:#15803d}.badge-inactive{background:#fee2e2;color:#dc2626}.dark .badge-active{background:#3ecf6e1a;color:#4ade80}.dark .badge-inactive{background:#f470701a;color:#f87171}.badge-profile-master{background:#f3e8ff;color:#7e22ce}.badge-profile-operacional{background:#dbeafe;color:#2563eb}.badge-profile-aprovacao{background:#dcfce7;color:#15803d}.badge-profile-lancamento{background:#fef3c7;color:#b45309}.dark .badge-profile-master{background:#a882ff1a;color:#c4b5fd}.dark .badge-profile-operacional{background:#5b8dee1a;color:#93bbfd}.dark .badge-profile-aprovacao{background:#3ecf6e1a;color:#4ade80}.dark .badge-profile-lancamento{background:#f0a7321a;color:#fbbf24}.badge-pending{background:var(--warning-light);color:var(--warning)}.badge-returned{background:#fff7ed;color:#c2410c}.badge-approved-banking{background:var(--accent-light);color:var(--accent)}.badge-bank-executed{background:var(--purple-light);color:var(--purple)}.badge-approved{background:var(--success-light);color:var(--success)}.badge-cancelled{background:var(--danger-light);color:var(--danger)}.dark .badge-returned{background:#f0a7321a;color:#f0a732}.badge-metadata{background:#e8edf4;color:#3b4f6b;border:1px solid #d0d9e6;border-radius:var(--radius-sm);font-weight:500;font-size:.6875rem}.dark .badge-metadata{background:#94afd71f;color:#a8b8cc;border:1px solid rgba(148,175,215,.18)}.table-container{overflow-x:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.dark .table-container{border-color:var(--border-light);box-shadow:none}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:var(--bg-input);padding:12px 16px;border-bottom:none;text-align:left}.data-table td{padding:14px 16px;border-bottom:none;color:var(--text-primary);font-size:.875rem}.data-table tbody tr:last-child:after{display:none}.data-table tr:hover td{background:var(--bg-hover)}.dark .data-table tr:hover td{background:#ffffff08}.card-status-pending:hover{border-color:#f59e0b66;box-shadow:0 8px 20px -4px #f59e0b26}.card-status-returned:hover{border-color:#c2410c66;box-shadow:0 8px 20px -4px #c2410c26}.card-status-approved-banking:hover{border-color:#4f82dc66;box-shadow:0 8px 20px -4px #4f82dc26}.card-status-bank-executed:hover{border-color:#8b5cf666;box-shadow:0 8px 20px -4px #8b5cf626}.card-status-approved:hover{border-color:#16a34a66;box-shadow:0 8px 20px -4px #16a34a26}.card-status-cancelled:hover{border-color:#ef444466;box-shadow:0 8px 20px -4px #ef444426}.dark .card-status-pending:hover{border-color:#fbbf24cc;box-shadow:0 0 20px #fbbf2440,0 0 5px #fbbf241a}.dark .card-status-returned:hover{border-color:#f97316cc;box-shadow:0 0 20px #f9731640,0 0 5px #f973161a}.dark .card-status-approved-banking:hover{border-color:#60a5facc;box-shadow:0 0 20px #60a5fa40,0 0 5px #60a5fa1a}.dark .card-status-bank-executed:hover{border-color:#a78bfacc;box-shadow:0 0 20px #a78bfa40,0 0 5px #a78bfa1a}.dark .card-status-approved:hover{border-color:#4ade80cc;box-shadow:0 0 20px #4ade8040,0 0 5px #4ade801a}.dark .card-status-cancelled:hover{border-color:#f87171cc;box-shadow:0 0 20px #f8717140,0 0 5px #f871711a}.modal-box-lg{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{padding:20px 0;margin:0 24px;border-bottom:1px solid var(--border-color)}.modal-header h2,.modal-header h3{font-size:1.125rem;font-weight:600}.modal-tabs{display:flex;margin:0 24px;border-bottom:1px solid var(--border-color)}.modal-tab{padding:10px 16px;font-size:.8125rem;font-weight:500;color:var(--text-tertiary);border-bottom:2px solid transparent;margin-bottom:-1px;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;transition:color .15s}.modal-tab:hover{color:var(--text-secondary)}.modal-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin:0 24px;padding:16px 0;border-top:1px solid var(--border-color)}.dash-kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.dash-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-accent)}.dash-kpi-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.dash-skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-input) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:dashShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.dash-chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.dash-quick-action{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;color:var(--text-primary);font-size:.8125rem;font-weight:500}.dash-quick-action:hover{background:var(--bg-hover);border-color:var(--accent)}.dash-stagger>*{animation:dashSlideUp .35s ease-out both}.dash-stagger>*:nth-child(1){animation-delay:0ms}.dash-stagger>*:nth-child(2){animation-delay:50ms}.dash-stagger>*:nth-child(3){animation-delay:.1s}.dash-stagger>*:nth-child(4){animation-delay:.15s}.dash-stagger>*:nth-child(5){animation-delay:.2s}.dash-stagger>*:nth-child(6){animation-delay:.25s}.dashboard-overdue-row{background:#fef2f2;border:1px solid #fecaca}.dashboard-overdue-row:hover{background:#fee2e2}.dark .dashboard-overdue-row{background:#f470700f;border:1px solid rgba(244,112,112,.1)}.dashboard-upcoming-row{background:var(--bg-input);border:1px solid var(--border-light)}.dashboard-upcoming-row:hover{background:var(--bg-hover)}@media(max-width:640px){.card,.dash-kpi-card,.dash-chart-card{padding:1rem}.dash-quick-action{padding:.75rem .625rem;gap:.375rem;font-size:.75rem}}@media(max-width:600px){.modal-actions{flex-direction:column}}