*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f5f7fa,#e9ecef);color:#2c3e50;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.login-container{align-items:center;background:radial-gradient(circle at top,#667eea,#764ba2);display:flex;height:100vh;justify-content:center}.login-box{background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000026;max-width:360px;padding:2.5rem;text-align:center;width:100%}.login-box h2{color:#2c3e50;font-weight:700;margin-bottom:1.5rem}.login-box input{border:1px solid #e0e0e0;border-radius:12px;font-size:1rem;margin:.5rem 0;padding:.9rem 1rem;width:100%}.login-box button{background:#667eea;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:.9rem;transition:background .3s;width:100%}.login-box button:hover{background:#5a6fd8}.dashboard{display:flex;min-height:100vh}.sidebar{background:#1e293b;color:#f8fafc;display:flex;flex-direction:column;padding:1.5rem 1rem;width:240px}.logo{font-size:1.25rem;font-weight:700;margin-bottom:2rem}.sidebar nav button{align-items:center;background:#0000;border:none;border-radius:12px;color:#cbd5e1;cursor:pointer;display:flex;gap:.75rem;margin:.25rem 0;padding:.75rem 1rem;transition:.3s;width:100%}.sidebar nav button.active,.sidebar nav button:hover{background:#334155;color:#fff}.logout{background:#e11d48;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-top:auto;padding:.75rem}.content{flex:1 1;overflow-y:auto;padding:2rem}.transcription-full{background:#fff;border-radius:20px;box-shadow:0 8px 32px #00000014;margin:0 auto;max-width:800px;padding:2rem}.transcription-full h2{color:#2c3e50;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.controls button{border:none;border-radius:50px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:.3s}.controls button:first-child{background:#10b981;color:#fff}.controls button:nth-child(2){background:#f43f5e;color:#fff}.controls button:last-child{background:#f1f5f9;color:#4b5563}.controls button:disabled{cursor:not-allowed;opacity:.5}audio{margin:1rem 0;width:100%}.transcription-container{background:#f8fafc;border-radius:12px;margin-top:2rem;overflow:hidden}.transcription-header{align-items:center;background:#e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.transcription-header h3{color:#1e293b;font-weight:600}.transcription-actions{display:flex;gap:.5rem}.action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;padding:.5rem 1rem;transition:.3s}.action-btn:hover{background:#f1f5f9}.transcription-content{padding:1.5rem}.transcription-content pre{font-family:Fira Code,monospace;font-size:.9rem;white-space:pre-wrap}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.btn-accent,.btn-outline,.btn-primary,.btn-stop{align-items:center;border-radius:50px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-stop{background:linear-gradient(135deg,#f43f5e,#ef4444);border:none;color:#fff}.btn-stop:hover{box-shadow:0 6px 20px #f43f5e66;transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,#10b981,#34d399);border:none;color:#fff}.btn-accent:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #d1d5db;color:#4b5563}.btn-outline:hover{border-color:#667eea;color:#667eea}.timer{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.mobile-menu-button{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:none;left:12px;padding:8px;position:fixed;top:12px;z-index:1000}.sidebar-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:850}.content.shifted{filter:blur(2px);pointer-events:none}@media (max-width:768px){.mobile-menu-button{display:block}.sidebar{box-shadow:5px 0 15px #0000001a;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:900}.sidebar.open{transform:translateX(0)}.sidebar .logo{font-size:1.5rem;margin-bottom:2rem;text-align:center}.sidebar span{opacity:0;overflow:hidden;transition:opacity .3s,width .3s;width:0}.sidebar.open span{display:inline;opacity:1;width:auto}.sidebar .logout,.sidebar nav button{gap:12px;padding:.75rem 1rem}}@media (min-width:769px){.sidebar{position:relative}.sidebar,.sidebar.open{transform:none}}
/*# sourceMappingURL=main.3569648b.css.map*/