@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.header[data-v-f0a82186]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.user-section[data-v-f0a82186]{display:flex;align-items:center}.user-info[data-v-f0a82186]{color:#fff;font-size:.9rem}.loading-screen[data-v-f0a82186]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.upload-view[data-v-49a7e635]{max-width:900px;margin:0 auto}.card-header[data-v-49a7e635]{margin-bottom:2rem}.card-header h2[data-v-49a7e635],.card-header h3[data-v-49a7e635]{margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.gradient-text[data-v-49a7e635]{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:2rem}.subtitle[data-v-49a7e635]{color:var(--text-secondary);font-size:1rem;margin:0}.file-type-selector[data-v-49a7e635]{display:flex;gap:.5rem;margin-bottom:2rem;padding:.25rem;background:var(--surface-hover);border-radius:var(--radius-xl);position:relative}.selector-background[data-v-49a7e635]{position:absolute;top:.25rem;left:.25rem;width:calc(50% - .25rem);height:calc(100% - .5rem);background:var(--primary-gradient);border-radius:var(--radius-lg);transition:transform var(--transition-base) cubic-bezier(.4,0,.2,1)}.file-type-selector:has(.selector-btn:last-child.active) .selector-background[data-v-49a7e635]{transform:translate(100%)}.selector-btn[data-v-49a7e635]{flex:1;padding:.75rem 1.5rem;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-lg);cursor:pointer;font-size:.95rem;font-weight:500;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:1}.selector-btn.active[data-v-49a7e635]{color:#fff}.selector-btn .icon[data-v-49a7e635]{width:20px;height:20px}.upload-area[data-v-49a7e635]{border:2px dashed var(--border-color);border-radius:var(--radius-2xl);padding:3rem 2rem;transition:all var(--transition-base);cursor:pointer;position:relative;background:var(--surface);margin-bottom:1.5rem}.upload-area[data-v-49a7e635]:hover{border-color:var(--primary-color);background:var(--surface-hover)}.upload-area.dragover[data-v-49a7e635]{border-color:var(--primary-color);background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,rgba(139,92,246,.05) 100%);transform:scale(1.02)}.upload-area.has-file[data-v-49a7e635]{border-style:solid;cursor:default}.upload-content[data-v-49a7e635]{text-align:center}.upload-icon[data-v-49a7e635]{width:96px;height:96px;margin:0 auto 1.5rem;background:var(--primary-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;animation:pulse-49a7e635 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-49a7e635{0%,to{opacity:1}50%{opacity:.8}}.upload-title[data-v-49a7e635]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.upload-subtitle[data-v-49a7e635]{color:var(--text-secondary);margin-bottom:1.5rem}.text-link[data-v-49a7e635]{color:var(--primary-color);font-weight:500}.format-pills[data-v-49a7e635]{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.pill[data-v-49a7e635]{padding:.25rem .75rem;background:var(--surface-hover);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--text-secondary)}.size-limit[data-v-49a7e635]{font-size:.875rem;color:var(--text-muted)}.file-selected[data-v-49a7e635]{display:flex;align-items:center;gap:1.5rem}.file-icon-wrapper[data-v-49a7e635]{position:relative}.file-icon[data-v-49a7e635]{width:64px;height:64px;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.file-progress[data-v-49a7e635]{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius-xl);background:conic-gradient(var(--primary-color) 0deg,transparent 0deg);animation:progress-49a7e635 2s ease-out}@keyframes progress-49a7e635{0%{background:conic-gradient(var(--primary-color) 0deg,transparent 0deg)}to{background:conic-gradient(var(--primary-color) 360deg,transparent 360deg)}}.file-info[data-v-49a7e635]{flex:1;min-width:0}.file-name[data-v-49a7e635]{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size[data-v-49a7e635]{font-size:.875rem;color:var(--text-secondary)}.remove-file[data-v-49a7e635]{width:40px;height:40px;border:none;background:var(--surface-hover);border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-base)}.remove-file[data-v-49a7e635]:hover{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;transform:scale(1.1)}.custom-name-section[data-v-49a7e635]{margin-bottom:2rem}.custom-name-section label[data-v-49a7e635]{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.75rem}.input-field[data-v-49a7e635]{width:100%;padding:.875rem 1.25rem;border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:.95rem;transition:all var(--transition-base);background:var(--surface);color:var(--text-primary)}.input-field[data-v-49a7e635]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.transcription-options[data-v-49a7e635]{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,rgba(99,102,241,.03) 0%,rgba(139,92,246,.03) 100%);border:2px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.5rem}.checkbox-wrapper[data-v-49a7e635]{display:flex;flex-direction:column;gap:.5rem}.checkbox-label[data-v-49a7e635]{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input[data-v-49a7e635]{position:absolute;opacity:0;cursor:pointer}.checkbox-custom[data-v-49a7e635]{position:relative;width:20px;height:20px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:all var(--transition-base);flex-shrink:0}.checkbox-input:checked+.checkbox-custom[data-v-49a7e635]{background:var(--primary-gradient);border-color:var(--primary-color)}.checkbox-input:checked+.checkbox-custom[data-v-49a7e635]:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-input:hover+.checkbox-custom[data-v-49a7e635]{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.checkbox-text[data-v-49a7e635]{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;font-size:.95rem}.checkbox-text svg[data-v-49a7e635]{color:var(--primary-color)}.select-wrapper[data-v-49a7e635]{display:flex;flex-direction:column;gap:.5rem;padding-left:2rem}.select-label[data-v-49a7e635]{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.select-label svg[data-v-49a7e635]{color:var(--primary-color)}.select-field[data-v-49a7e635]{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.9rem;background:var(--surface);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.select-field[data-v-49a7e635]:hover{border-color:var(--primary-color)}.select-field[data-v-49a7e635]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.option-hint[data-v-49a7e635]{font-size:.8rem;color:var(--text-muted);font-style:italic}.btn-primary[data-v-49a7e635]{background:var(--primary-gradient)}.btn-large[data-v-49a7e635]{width:100%;padding:1rem 2rem;font-size:1rem}.btn-small[data-v-49a7e635]{padding:.5rem 1rem;font-size:.875rem}.btn-content[data-v-49a7e635]{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner[data-v-49a7e635]{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite}.result-card[data-v-49a7e635]{margin-top:2rem}.card-header[data-v-49a7e635]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.action-buttons[data-v-49a7e635]{display:flex;gap:.5rem}.transcription-line[data-v-49a7e635]{margin-bottom:1rem;line-height:1.8}.card-footer[data-v-49a7e635]{margin-top:2rem;text-align:center}.toast[data-v-49a7e635]{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:.75rem;z-index:1000}.toast-success[data-v-49a7e635]{border-left:4px solid #10b981;color:#14532d}.slide-fade-enter-active[data-v-49a7e635],.slide-fade-leave-active[data-v-49a7e635]{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-fade-enter-from[data-v-49a7e635],.slide-fade-leave-to[data-v-49a7e635]{transform:translateY(-10px);opacity:0}.slide-up-enter-active[data-v-49a7e635],.slide-up-leave-active[data-v-49a7e635]{transition:all .5s cubic-bezier(.34,1.56,.64,1)}.slide-up-enter-from[data-v-49a7e635],.slide-up-leave-to[data-v-49a7e635]{transform:translateY(20px);opacity:0}.toast-enter-active[data-v-49a7e635],.toast-leave-active[data-v-49a7e635]{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.toast-enter-from[data-v-49a7e635],.toast-leave-to[data-v-49a7e635]{transform:translate(100%);opacity:0}[data-tooltip][data-v-49a7e635]{position:relative}[data-tooltip][data-v-49a7e635]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-.5rem);background:var(--text-primary);color:#fff;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.75rem;white-space:nowrap;opacity:1;pointer-events:none}.transcriptions-view[data-v-50403a49]{max-width:1200px;margin:0 auto}.header-card[data-v-50403a49]{margin-bottom:2rem}.header-content[data-v-50403a49]{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.header-info h2[data-v-50403a49]{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem}.gradient-text[data-v-50403a49]{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:2rem}.subtitle[data-v-50403a49]{color:var(--text-secondary);margin:0}.stats-grid[data-v-50403a49]{display:flex;gap:1rem}.stat-card[data-v-50403a49]{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--surface-hover);border-radius:var(--radius-lg);min-width:120px}.stat-icon[data-v-50403a49]{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon-primary[data-v-50403a49]{background:var(--primary-gradient)}.stat-icon-success[data-v-50403a49]{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.stat-info[data-v-50403a49]{display:flex;flex-direction:column}.stat-number[data-v-50403a49]{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label[data-v-50403a49]{font-size:.75rem;color:var(--text-secondary);font-weight:500}.quick-actions[data-v-50403a49]{display:flex;gap:1rem;margin-bottom:2rem}.action-btn[data-v-50403a49]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:500;text-decoration:none;transition:all var(--transition-base);border:none;cursor:pointer;font-size:.95rem}.action-btn-primary[data-v-50403a49]{background:var(--primary-gradient);color:#fff}.action-btn-primary[data-v-50403a49]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-btn-outline[data-v-50403a49]{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.action-btn-outline[data-v-50403a49]:hover{background:var(--primary-color);color:#fff}.action-btn[data-v-50403a49]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.loading-state[data-v-50403a49]{margin-bottom:2rem}.loading-grid[data-v-50403a49]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.skeleton-card[data-v-50403a49]{padding:1.5rem;background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-light)}.skeleton[data-v-50403a49]{border-radius:var(--radius-md);margin-bottom:1rem}.skeleton-header[data-v-50403a49]{height:24px;width:60%}.skeleton-text[data-v-50403a49]{height:16px;width:100%}.skeleton-text.short[data-v-50403a49]{width:40%}.skeleton-preview[data-v-50403a49]{height:60px;width:100%}.empty-state[data-v-50403a49]{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-icon[data-v-50403a49]{width:120px;height:120px;margin:0 auto 2rem;background:linear-gradient(135deg,var(--surface-hover) 0%,var(--border-light) 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.empty-state h3[data-v-50403a49]{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.empty-state p[data-v-50403a49]{font-size:1rem;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.transcriptions-grid[data-v-50403a49]{margin-bottom:2rem}.grid[data-v-50403a49]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.transcription-card[data-v-50403a49]{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:1.5rem;transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.transcription-card[data-v-50403a49]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-gradient);transform:scaleY(0);transition:transform var(--transition-base)}.transcription-card[data-v-50403a49]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.transcription-card[data-v-50403a49]:hover:before{transform:scaleY(1)}.card-header[data-v-50403a49]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.file-type-badge[data-v-50403a49]{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);color:var(--primary-color);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.card-actions[data-v-50403a49]{display:flex;gap:.5rem}.action-icon[data-v-50403a49]{width:32px;height:32px;border:none;background:var(--surface-hover);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-base)}.action-icon[data-v-50403a49]:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.action-icon-danger[data-v-50403a49]:hover{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.card-content[data-v-50403a49]{margin-bottom:1rem}.transcription-title[data-v-50403a49]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.file-info[data-v-50403a49]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary)}.file-name[data-v-50403a49]{font-weight:500}.file-size[data-v-50403a49]{padding:.125rem .5rem;background:var(--surface-hover);border-radius:var(--radius-sm);font-size:.75rem}.transcription-preview[data-v-50403a49]{color:var(--text-secondary);line-height:1.6;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer[data-v-50403a49]{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-light)}.timestamp[data-v-50403a49]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted)}.status-badge[data-v-50403a49]{display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.status-completed[data-v-50403a49]{background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,rgba(5,150,105,.1) 100%);color:#059669}.toast[data-v-50403a49]{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:.75rem;z-index:1000;min-width:250px}.toast-success[data-v-50403a49]{border-left:4px solid #10b981;color:#14532d}.toast-error[data-v-50403a49]{border-left:4px solid #ef4444;color:#991b1b}.card-list-enter-active[data-v-50403a49],.card-list-leave-active[data-v-50403a49]{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-list-enter-from[data-v-50403a49]{opacity:0;transform:translateY(20px) scale(.9)}.card-list-leave-to[data-v-50403a49]{opacity:0;transform:translate(100px) scale(.8)}.card-list-move[data-v-50403a49]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.toast-enter-active[data-v-50403a49],.toast-leave-active[data-v-50403a49]{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.toast-enter-from[data-v-50403a49],.toast-leave-to[data-v-50403a49]{transform:translate(100%);opacity:0}@media (max-width: 768px){.header-content[data-v-50403a49]{flex-direction:column;gap:1.5rem}.stats-grid[data-v-50403a49]{justify-content:center}.quick-actions[data-v-50403a49]{flex-direction:column}.grid[data-v-50403a49]{grid-template-columns:1fr}.card-header[data-v-50403a49]{flex-direction:column;align-items:flex-start;gap:1rem}.card-actions[data-v-50403a49]{align-self:flex-end}}[data-tooltip][data-v-50403a49]{position:relative}[data-tooltip][data-v-50403a49]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-.5rem);background:var(--text-primary);color:#fff;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.75rem;white-space:nowrap;opacity:1;pointer-events:none;z-index:100}:root{--primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--primary-color: #6366f1;--primary-dark: #4f46e5;--secondary-color: #8b5cf6;--accent-color: #ec4899;--background: #ffffff;--surface: #ffffff;--surface-hover: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .18);--transition-fast: .15s;--transition-base: .25s;--transition-slow: .35s;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#f5f3ff 0%,#fce7f3 50%,#dbeafe 100%);min-height:100vh;color:var(--text-primary);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(236,72,153,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.container{max-width:1280px;margin:0 auto;padding:2rem;position:relative;z-index:1}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:1.5rem 2rem;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}h1{font-size:2rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:2.5rem;box-shadow:var(--shadow-xl);margin-bottom:2rem;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2xl)}.btn{background:var(--primary-gradient);color:#fff;border:none;padding:.875rem 2rem;border-radius:var(--radius-xl);cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.025em;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:var(--shadow-md);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-xl)}.btn:hover:before{opacity:1}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-secondary{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:none}.btn-outline:hover{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.btn-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.nav{display:flex;gap:1rem;margin-bottom:2rem;padding:.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:1px solid var(--glass-border)}.nav-link{flex:1;padding:.75rem 1.5rem;text-align:center;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-base);font-weight:500;position:relative}.nav-link:hover{color:var(--primary-color);background:rgba(99,102,241,.05)}.nav-link.active{color:#fff;background:var(--primary-gradient);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:2rem;height:3px;background:white;border-radius:var(--radius-full)}.upload-area{border:2px dashed transparent;border-radius:var(--radius-2xl);padding:4rem 2rem;text-align:center;transition:all var(--transition-base);cursor:pointer;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--primary-gradient) border-box;position:relative;overflow:hidden}.upload-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-base);z-index:-1}.upload-area:hover{transform:scale(1.01)}.upload-area:hover:before{opacity:.05}.upload-area.dragover{border-color:var(--primary-color);background-color:#6366f10d}.upload-area.dragover:before{opacity:.1}.upload-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--primary-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.transcription-box{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:2rem;margin-top:1.5rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;white-space:pre-wrap;line-height:1.8;max-height:600px;overflow-y:auto;position:relative}.transcription-box::-webkit-scrollbar{width:8px}.transcription-box::-webkit-scrollbar-track{background:var(--border-light);border-radius:var(--radius-full)}.transcription-box::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:var(--radius-full)}.timestamp{color:var(--primary-color);font-weight:600;font-size:.875rem;margin-right:.75rem}.speaker{color:var(--secondary-color);font-weight:600;margin-right:.5rem}.transcription-item{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:1.75rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.transcription-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-gradient);transform:scaleY(0);transition:transform var(--transition-base)}.transcription-item:hover{transform:translate(8px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.transcription-item:hover:before{transform:scaleY(1)}input[type=text],input[type=email],input[type=password],textarea,select{width:100%;padding:.875rem 1.25rem;border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:.95rem;transition:all var(--transition-base);background:var(--surface);color:var(--text-primary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.025em}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;margin-left:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,var(--surface-hover) 50%,var(--border-light) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.alert{padding:1rem 1.5rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;font-size:.95rem;border:1px solid;display:flex;align-items:center;gap:.75rem}.alert-error{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-color:#fecaca;color:#991b1b}.alert-success{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#bbf7d0;color:#14532d}.alert-warning{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#fde68a;color:#78350f}.alert-info{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#bfdbfe;color:#1e3a8a}.user-section{display:flex;align-items:center;gap:1rem}.user-info{color:var(--text-secondary);font-size:.95rem;font-weight:500}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state-icon{width:120px;height:120px;margin:0 auto 2rem;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.025em}.badge-primary{background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(139,92,246,.1) 100%);color:var(--primary-color)}.badge-success{background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,rgba(5,150,105,.1) 100%);color:#059669}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-.5rem);background:var(--text-primary);color:#fff;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-base)}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(-.75rem)}.fade-in{animation:fadeIn var(--transition-slow) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn var(--transition-slow) cubic-bezier(.34,1.56,.64,1)}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 768px){.container{padding:1rem}.header{flex-direction:column;gap:1rem;text-align:center}h1{font-size:1.5rem}.card{padding:1.5rem}.nav{flex-direction:column}.upload-area{padding:3rem 1.5rem}}@media (prefers-color-scheme: dark){:root{--background: #0f172a;--surface: #1e293b;--surface-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-light: #475569;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(71, 85, 105, .3)}body{background:linear-gradient(135deg,#1e1b4b 0%,#581c87 50%,#831843 100%)}}