@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{margin:2rem auto;max-width:450px;padding:2rem;width:100%}.auth-card{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.auth-card:hover{box-shadow:var(--shadow-lg)}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{color:var(--text-primary);font-size:1.75rem;margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:1rem}.auth-form{display:flex;flex-direction:column;width:100%}.form-group{margin-bottom:1.25rem;width:100%}.form-control{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:border-color .3s,box-shadow .3s;width:100%}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e533;outline:none}.auth-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:.75rem 1.5rem;transition:var(--transition);width:100%}.auth-btn svg{font-size:1.1rem}.auth-btn.primary-btn{background-color:var(--primary-color);color:#fff}.auth-btn.primary-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.auth-btn.google-btn{background-color:#fff;border:1px solid var(--border-color);color:#333}.auth-btn.google-btn:hover{background-color:#f8f9fa;transform:translateY(-2px)}.auth-btn.secondary-btn{background-color:var(--background-light);border:1px solid var(--border-color);color:var(--text-primary)}.auth-btn.secondary-btn:hover{background-color:var(--background-alt)}.auth-btn.danger-btn{background-color:var(--danger-color);color:#fff}.auth-btn.danger-btn:hover{background-color:#d32f2f;transform:translateY(-2px)}.auth-btn.link-btn{background:none;color:var(--primary-color);margin:0;padding:.5rem;text-decoration:none}.auth-btn.link-btn:hover{text-decoration:underline}.auth-error{background-color:#e639461a;color:var(--danger-color)}.auth-error,.auth-success{align-items:center;border-radius:var(--radius-md);display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}.auth-success{background-color:#10b9811a;color:var(--success-color)}.auth-warning{background-color:#f59e0b1a;border-radius:var(--radius-md);color:var(--warning-color);gap:.5rem;margin-bottom:1rem;padding:.75rem}.auth-divider,.auth-warning{align-items:center;display:flex}.auth-divider{color:var(--text-tertiary);margin:1rem 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid var(--border-color);content:"";flex:1 1}.auth-divider:before{margin-right:.5rem}.auth-divider:after{margin-left:.5rem}.auth-footer{color:var(--text-tertiary);font-size:.9rem;margin-top:1.5rem;text-align:center}.auth-footer a{color:var(--primary-color);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-legal{color:var(--text-tertiary);font-size:.8rem;margin-top:1.5rem;text-align:center}.toggle-wrapper{display:flex;justify-content:flex-end;padding:1rem 2rem}@media (max-width:576px){.auth-container{margin:1rem auto;padding:1rem}.auth-card{padding:1.5rem}.auth-header h1{font-size:1.5rem}}.modal-container{border-radius:8px;box-shadow:0 4px 8px #0003;max-width:500px;overflow:hidden;width:90%}.dark-theme .modal-container{background-color:#222;border:1px solid #444;color:#fff}.modal-header{border-bottom:1px solid #eee;padding:15px 20px}.dark-theme .modal-header{border-bottom:1px solid #444}.modal-header h3{font-size:1.2rem}.modal-close-btn{background:none;border:none;color:#555;cursor:pointer;font-size:1.5rem}.dark-theme .modal-close-btn{color:#ccc}.modal-body{max-height:70vh;overflow-y:auto;padding:20px}.modal-footer{border-top:1px solid #eee;gap:10px;padding:15px 20px}.dark-theme .modal-footer{border-top:1px solid #444}.modal-footer .btn{min-width:100px;width:auto}.response-message{border-radius:4px;font-weight:500;margin-top:15px;padding:10px}.response-message.success{background-color:#28a7451a;border:1px solid #28a74533;color:#28a745}.dark-theme .response-message.success{background-color:#28a74533;border:1px solid #28a7454d;color:#5bd778}.response-message.error{background-color:#dc35451a;border:1px solid #dc354533;color:#dc3545}.dark-theme .response-message.error{background-color:#dc354533;border:1px solid #dc35454d;color:#f27785}.profile-container{margin:0 auto;max-width:1200px;padding:2rem;width:100%}.profile-header{margin-bottom:2.5rem;text-align:center}.profile-header h1{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.profile-header p{color:var(--text-secondary);font-size:1.1rem}.profile-cards-wrapper{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.profile-card{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.profile-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.section-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:.75rem}.user-info-item{align-items:center;display:flex;margin-bottom:1rem}.user-info-item svg{color:var(--primary-color);margin-right:.5rem}.premium-text{align-items:center;color:var(--success-color);display:flex;font-weight:600;margin-bottom:1rem;padding:.5rem 0}.premium-text svg{margin-right:.5rem}.freeplan-text{color:var(--text-secondary);font-weight:500;margin-bottom:1rem}.quota-bar-container{background-color:var(--background-alt);border-radius:9999px;height:.75rem;margin:1rem 0 1.5rem;overflow:hidden}.quota-bar-fill{border-radius:9999px;height:100%;transition:width .5s ease}.quota-low{background-color:var(--success-color)}.quota-medium{background-color:var(--warning-color)}.quota-high{background-color:var(--danger-color)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:var(--transition);width:100%}.btn svg{font-size:1.1rem}.btn.primary-btn{background-color:var(--primary-color);color:#fff}.btn.primary-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.btn.secondary-btn{background-color:var(--background-light);border:1px solid var(--border-color);color:var(--text-primary)}.btn.secondary-btn:hover{background-color:var(--background-alt)}.btn.danger-btn{background-color:var(--danger-color);color:#fff}.btn.danger-btn:hover{background-color:#d32f2f;transform:translateY(-2px)}.btn.upgrade-btn{background:linear-gradient(90deg,#6d28d9,#8b5cf6);box-shadow:0 4px 10px #6d28d94d;color:#fff}.btn.upgrade-btn:hover{box-shadow:0 8px 20px #6d28d966;transform:translateY(-3px) scale(1.02)}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-secondary);display:block;font-weight:500;margin-bottom:.5rem}.warning-text{align-items:center;background-color:#e639461a;border-radius:var(--radius-md);color:var(--danger-color);display:flex;margin-bottom:1rem;padding:.75rem}.warning-text svg{flex-shrink:0;margin-right:.5rem}.info-text{align-items:center;background-color:#3b82f61a;border-radius:var(--radius-md);color:var(--info-color);display:flex;margin-bottom:1rem;padding:.75rem}.info-text svg{flex-shrink:0;margin-right:.5rem}@media (max-width:768px){.profile-container{padding:1rem}.profile-cards-wrapper{grid-template-columns:1fr}.profile-header h1{font-size:1.75rem}}.app-container{background-color:var(--background-alt);display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:var(--background-light);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:space-between;padding:1rem 2rem;z-index:10}.app-header,.header-logo{align-items:center;display:flex}.header-logo{font-size:1.5rem;font-weight:700;gap:.5rem}.logo-icon{color:var(--primary-color);font-size:1.5rem}.auth-controls,.user-controls{align-items:center;display:flex;gap:1rem}.app-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.welcome-section{margin-bottom:2rem;text-align:center}.welcome-section h1{font-size:2rem;margin-bottom:.5rem}.welcome-section p{color:var(--text-secondary);font-size:1.1rem}.quota-section{margin-bottom:2rem}.quota-card{align-items:stretch;background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;overflow:hidden;padding:2rem;position:relative}.free-plan{border:1px solid var(--border-color)}.premium-plan{background:linear-gradient(90deg,#4f46e50d,#4f46e51a);border:2px solid var(--primary-color)}.premium-badge{background:linear-gradient(90deg,#6d28d9,#8b5cf6);box-shadow:var(--shadow-sm);color:#fff;font-size:.8rem;font-weight:600;padding:.25rem 2rem;position:absolute;right:-2rem;top:1rem;transform:rotate(45deg)}.quota-info{flex:1 1}.quota-info h2{font-size:1.5rem;margin-bottom:.75rem}.quota-info p{color:var(--text-secondary);margin-bottom:1rem}.progress-container{background-color:var(--background-alt);border-radius:9999px;height:.75rem;margin-bottom:1.5rem;overflow:hidden}.progress-bar{background-color:var(--primary-color);border-radius:9999px;height:100%;transition:width .5s ease}.plan-limits{list-style:none;margin-top:1rem}.plan-limits li{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem;margin-bottom:.5rem}.plan-limits li svg{color:var(--success-color);flex-shrink:0}.upgrade-container{border-left:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;min-width:300px;padding-left:2rem}.upgrade-button{background:linear-gradient(90deg,#6d28d9,#8b5cf6);border:none;border-radius:9999px;box-shadow:0 4px 10px #6d28d94d;color:#fff;cursor:pointer;display:inline-block;font-weight:700;margin-bottom:1rem;padding:.75rem 1.75rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.upgrade-button:hover{box-shadow:0 8px 20px #6d28d966;transform:translateY(-3px) scale(1.02)}.upgrade-benefits{color:var(--text-tertiary);font-size:.9rem;text-align:center}.upload-section{margin-bottom:2rem}.upload-section h2{margin-bottom:1rem}.upload-area{align-items:center;background-color:var(--background-alt);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center;transition:var(--transition)}.upload-area.dragging,.upload-area:hover{background-color:#4f46e50d;border-color:var(--primary-color)}.upload-icon{color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.upload-formats{color:var(--text-tertiary);font-size:.9rem;margin-top:.5rem}.files-section{margin-bottom:2rem}.files-section h2{margin-bottom:1rem}.no-files-message{background-color:var(--background-alt);border-radius:var(--radius-lg);color:var(--text-secondary);padding:2rem;text-align:center}.files-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.file-card{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;transition:var(--transition)}.file-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.file-info{flex:1 1;padding:1.5rem}.file-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.file-name{font-weight:600;word-break:break-word}.file-status{border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;padding:.25rem .5rem;text-transform:capitalize}.status-completed{background-color:#10b9811a;color:var(--success-color)}.status-processing,.status-transcribing{background-color:#f59e0b1a;color:var(--warning-color)}.status-error{background-color:#e639461a;color:var(--danger-color)}.file-meta{color:var(--text-tertiary);display:flex;flex-direction:column;font-size:.85rem;gap:.5rem}.user-info-button{cursor:pointer;position:relative}.user-info{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:var(--transition)}.user-info,.user-info:hover{background-color:var(--background-alt)}.user-info:hover{filter:brightness(.95)}.user-dropdown{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.dropdown-item{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:var(--transition);width:100%}.dropdown-item,.user-controls{align-items:center;display:flex}.user-controls{gap:1rem;position:relative}.dropdown-item:hover{background-color:var(--background-alt);color:var(--primary-color)}.dropdown-item:not(:last-child){border-bottom:1px solid var(--border-color)}.logo-link{align-items:center;color:var(--text-primary);display:flex;gap:.5rem;text-decoration:none}.file-card.completed .file-info{cursor:pointer;position:relative;z-index:1}.file-actions{position:relative;z-index:2}.primary-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:var(--transition)}.primary-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.secondary-button{align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:var(--transition)}.secondary-button:hover{background-color:var(--background-alt)}.icon-button{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:2.5rem;justify-content:center;transition:var(--transition);width:2.5rem}.icon-button:hover{background-color:var(--background-alt);color:var(--primary-color)}.view-button:hover{background-color:#3b82f61a;border-color:var(--info-color);color:var(--info-color)}.delete-button:hover{background-color:#e639461a;border-color:var(--danger-color);color:var(--danger-color)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-container{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{font-size:1.25rem;margin:0}.modal-header button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.5rem}.modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-content pre{font-family:inherit;line-height:1.6;white-space:pre-wrap}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.toast-message{align-items:center;animation:slideIn .3s ease,fadeOut .3s ease 4.7s forwards;background-color:var(--success-color);border-radius:var(--radius-md);bottom:2rem;box-shadow:var(--shadow-md);color:#fff;display:flex;gap:.75rem;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.app-content,.app-header{padding:1rem}.quota-card{flex-direction:column;gap:1.5rem}.upgrade-container{border-left:none;border-top:1px solid var(--border-color);padding-left:0;padding-top:1.5rem}.user-info span{display:none}}.login-prompt{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:3rem auto;max-width:500px;padding:3rem;text-align:center}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#4f46e5;--primary-dark:#3730a3;--primary-light:#818cf8;--accent-color:#10b981;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--background-light:#fff;--background-alt:#f3f4f6;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--transition:all 0.3s ease;--danger-color:#e63946;--success-color:#10b981;--warning-color:#f59e0b;--info-color:#3b82f6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;background:var(--background-alt);color:#111827;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}
/*# sourceMappingURL=main.bc1e457c.css.map*/