@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}:root{--color-primary:#1e293b;--color-primary-dark:#0f172a;--color-accent:#334155;--color-dark:#1e293b;--color-darker:#0f172a;--color-light:#f8fafc;--color-gray:#64748b;--color-gray-light:#e2e8f0;--color-white:#fff;--color-success:#10b981;--font-display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}.landing-page{background:#fff;background:var(--color-white);color:#1e293b;color:var(--color-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);overflow-x:hidden}.landing-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #0000;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.landing-nav.scrolled{background:#fffffff2;border-bottom-color:#e2e8f0;border-bottom-color:var(--color-gray-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.nav-container{justify-content:space-between;margin:0 auto;max-width:1280px;padding:1.25rem 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#0f172a;color:var(--color-darker);font-size:1.25rem;font-weight:700;gap:.5rem}.logo-icon{border-radius:8px;border-radius:var(--radius-sm);display:block;height:36px;object-fit:contain;width:36px}.nav-links{display:flex;gap:2rem}.nav-links a{color:#64748b;color:var(--color-gray);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s ease}.nav-links a:hover{color:#1e293b;color:var(--color-dark)}.nav-actions{align-items:center;display:flex;gap:1rem}.btn-text{background:none;border:none;color:#1e293b;color:var(--color-dark);cursor:pointer;font-size:.9375rem;font-weight:500;padding:.625rem 1.25rem;transition:color .2s ease}.btn-text:hover{color:#1e293b;color:var(--color-primary)}.btn-primary{background:#0f172a;background:var(--color-darker);border-radius:16px;border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover{background:#1e293b;background:var(--color-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.hero-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#eef2ff);display:flex;min-height:100vh;padding:8rem 2rem 6rem}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1280px}.hero-content{animation:fadeInUp .8s ease-out}.hero-badge{align-items:center;background:#4f46e51a;border-radius:100px;color:#1e293b;color:var(--color-primary);display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1rem}.badge-icon{font-size:1rem}.hero-title{color:#0f172a;color:var(--color-darker);font-size:4.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.hero-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#4f46e5);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--color-primary);display:inline-block}.hero-description{color:#64748b;color:var(--color-gray);font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem;max-width:540px}.hero-cta{gap:2rem}.btn-hero,.hero-cta{align-items:center;display:flex}.btn-hero{background:#0f172a;background:var(--color-darker);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0f172a4d;color:#fff;color:var(--color-white);cursor:pointer;font-size:1.125rem;font-weight:700;gap:.75rem;padding:1.25rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-hero:hover{background:#1e293b;box-shadow:0 20px 30px -10px #0f172a66;transform:translateY(-2px)}.btn-arrow{font-size:1.25rem;transition:transform .3s ease}.btn-hero:hover .btn-arrow{transform:translateX(4px)}.hero-trust{display:flex;flex-direction:column;gap:.25rem}.trust-text{color:#1e293b;color:var(--color-dark);font-size:.9375rem;font-weight:600}.trust-label{color:#64748b;color:var(--color-gray);font-size:.8125rem;letter-spacing:.5px;text-transform:uppercase}.hero-image{animation:fadeInRight .8s ease-out .2s both}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.image-card{aspect-ratio:4/5;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);overflow:hidden;position:relative}.hero-img{display:block;height:100%;object-fit:cover;width:100%}.image-overlay{background:linear-gradient(180deg,#0000,#0000004d);inset:0;position:absolute}.hero-image-placeholder{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;width:100%}.placeholder-icon{font-size:6rem;opacity:.9}.placeholder-text{color:#fff;font-size:1.25rem;font-weight:600;opacity:.9}.platform-section{background:#fff;background:var(--color-white);padding:6rem 2rem}.section-container{margin:0 auto;max-width:1280px}.section-header{margin-bottom:4rem;text-align:center}.section-badge{color:#1e293b;color:var(--color-primary);display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.section-title{color:#0f172a;color:var(--color-darker);font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.section-description{color:#64748b;color:var(--color-gray);font-size:1.125rem;line-height:1.7;margin:0 auto;max-width:640px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.feature-card{animation:fadeInUp .6s ease-out both;background:#fff;background:var(--color-white);border:1px solid #e2e8f0;border:1px solid var(--color-gray-light);border-radius:16px;border-radius:var(--radius-lg);padding:2.5rem;transition:all .3s ease}.feature-card:hover{border-color:#1e293b;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{display:inline-block;font-size:2.5rem;margin-bottom:1.25rem}.feature-title{color:#0f172a;color:var(--color-darker);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.feature-description{color:#64748b;color:var(--color-gray);font-size:.9375rem;line-height:1.6}.security-section{background:linear-gradient(135deg,#f8fafc,#eef2ff);padding:6rem 2rem}.security-content{margin:0 auto;max-width:900px}.security-features{display:flex;flex-direction:column;gap:2rem;margin-top:3rem}.security-item{align-items:flex-start;background:#fff;background:var(--color-white);border:1px solid #e2e8f0;border:1px solid var(--color-gray-light);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.security-item:hover{border-color:#1e293b;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.security-icon{flex-shrink:0;font-size:2rem}.security-text h4{color:#0f172a;color:var(--color-darker);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.security-text p{color:#64748b;color:var(--color-gray);font-size:.9375rem;line-height:1.6}.cta-section{background:#fff;background:var(--color-white);padding:6rem 2rem}.cta-container{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);margin:0 auto;max-width:800px;padding:4rem 3rem;text-align:center}.cta-title{color:#fff;color:var(--color-white);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.cta-description{color:#fffc;font-size:1.125rem;line-height:1.7;margin-bottom:2.5rem}.btn-cta{background:#fff;background:var(--color-white);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#0f172a;color:var(--color-darker);cursor:pointer;font-size:1.0625rem;font-weight:700;padding:1.125rem 2.5rem;transition:all .3s ease}.btn-cta:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.cta-note{color:#fff9;font-size:.875rem;margin-top:1.5rem}.landing-footer{background:#0f172a;background:var(--color-darker);color:#fff;color:var(--color-white);padding:3rem 2rem}.footer-container{flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1280px}.footer-brand,.footer-container,.footer-logo{align-items:center;display:flex}.footer-logo{font-size:1.125rem;font-weight:700;gap:.5rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:#ffffffb3;font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#fff;color:var(--color-white)}.footer-copyright{color:#ffffff80;font-size:.875rem}@media (max-width:1024px){.hero-container{gap:3rem;grid-template-columns:1fr}.hero-title{font-size:3.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.nav-links{display:none}.hero-section{padding:6rem 1.5rem 4rem}.hero-title{font-size:2.75rem}.hero-description{font-size:1.125rem}.hero-cta{align-items:flex-start;flex-direction:column;gap:1.5rem}.section-title{font-size:2.25rem}.features-grid{grid-template-columns:1fr}.footer-container{flex-direction:column;text-align:center}.footer-links{flex-direction:column;gap:1rem}}@media (max-width:480px){.hero-title{font-size:2.25rem}.cta-container{padding:3rem 2rem}.cta-title{font-size:2rem}}.dictation-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;padding:20px}.dictation-header{margin-bottom:30px}.dictation-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:10px}.dictation-header p{font-size:1.1rem;margin:0;opacity:.9}.tab-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;justify-content:center;margin:0 auto 30px;max-width:500px;padding:8px}.tab-button{color:#ffffffb3;flex:1 1;font-size:.95rem;font-weight:500;padding:12px 20px;transition:all .3s ease}.tab-button:hover{background:#ffffff1a;color:#fff}.tab-button.active{background:#fff3;box-shadow:0 4px 12px #0000001a}.tab-icon{font-size:1.2rem}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc3545e6;color:#fff}.error-message button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;width:20px}.record-tab{margin:0 auto;max-width:800px}.record-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:30px}.note-setup{margin-bottom:30px}.note-setup h3{font-size:1.5rem;font-weight:600}.form-group,.note-setup h3{margin-bottom:20px}.form-group label{font-weight:500;opacity:.9}.form-input,.form-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-input::placeholder{color:#ffffff80}.form-input:focus,.form-select:focus{border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a;outline:none}.form-select option{background:#333;color:#fff}.recording-interface{text-align:center}.recording-indicator{align-items:center;display:flex;font-size:1.1rem;font-weight:500;gap:10px;justify-content:center;margin-bottom:20px}.pulse-dot{animation:pulse 1.5s infinite;background:#ff4757;border-radius:50%;height:12px;width:12px}.recording-controls{margin-bottom:30px}.timer-display{font-feature-settings:"tnum";font-size:3rem;font-variant-numeric:tabular-nums;font-weight:700;margin-bottom:20px}.record-button{align-items:center;background:linear-gradient(135deg,#00b894,#00a085);border:none;border-radius:50px;box-shadow:0 4px 20px #00b8944d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;min-width:180px;padding:16px 32px;transition:all .3s ease}.record-button:hover{box-shadow:0 6px 25px #00b89466;transform:translateY(-2px)}.record-button.recording{background:linear-gradient(135deg,#ff4757,#ff3742);box-shadow:0 4px 20px #ff47574d}.record-button.recording:hover{box-shadow:0 6px 25px #ff475766}.record-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.record-button .icon{font-size:1.3rem}.transcript-container{background:#ffffff0d;border-radius:15px;margin-top:20px;min-height:200px;padding:20px}.transcript-container h4{font-size:1.2rem;margin-bottom:15px;opacity:.9}.transcript-text{color:#ffffffe6;font-size:1rem;line-height:1.6;max-height:300px;overflow-y:auto;text-align:left;white-space:pre-wrap}.notes-tab{margin:0 auto;max-width:1200px}.notes-controls{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.search-bar{flex:2 1;min-width:300px}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:12px 16px;width:100%}.search-input::placeholder{color:#ffffff80}.filters{display:flex;flex:1 1;gap:15px}.filter-input,.filter-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;font-size:.95rem;min-width:120px;padding:12px 16px}.filter-input::placeholder{color:#ffffff80}.notes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.note-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;box-shadow:0 4px 20px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.note-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.note-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.note-header h3{flex:1 1;font-size:1.3rem;font-weight:600;line-height:1.3;margin:0}.mode-badge{border-radius:20px;flex-shrink:0;font-size:.8rem;font-weight:500;margin-left:10px;padding:4px 12px;text-transform:uppercase}.mode-badge.medical{background:#3498db4d;color:#74b9ff}.mode-badge.legal{background:#9b59b64d;color:#a29bfe}.mode-badge.general{background:#2ecc714d;color:#00b894}.mode-badge.meeting{background:#e67e224d;color:#fdcb6e}.consent-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:5px;margin-top:8px;padding:4px 10px}.consent-status-badge.granted{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.consent-status-badge.unspecified{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.consent-status-badge svg{flex-shrink:0}.note-metadata{grid-gap:8px;display:grid;font-size:.9rem;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:15px}.metadata-item{display:flex;justify-content:space-between}.metadata-item .label{font-weight:500;opacity:.7}.metadata-item .value{font-weight:600}.note-content-preview{background:#ffffff0d;border-radius:8px;color:#fffc;font-size:.9rem;line-height:1.5;margin-bottom:15px;padding:12px}.note-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.tag{background:#ffffff1a;border-radius:12px;color:#fffc;font-size:.8rem;padding:4px 8px}.note-actions{display:flex;gap:10px}.action-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.action-button.primary{background:#3498dbcc;color:#fff}.action-button.primary:hover{background:#3498db}.action-button.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.action-button.secondary:hover{background:#fff3}.analytics-tab{margin:0 auto;max-width:1200px}.analytics-dashboard{display:flex;flex-direction:column;gap:30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;box-shadow:0 4px 20px #0000001a;padding:25px;text-align:center}.stat-number{color:#74b9ff;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{font-size:1rem;font-weight:500;opacity:.8}.chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;box-shadow:0 4px 20px #0000001a;padding:25px}.chart-container h3{font-size:1.4rem;font-weight:600;margin-bottom:20px}.mode-breakdown{display:flex;flex-direction:column;gap:12px}.mode-item{align-items:center;display:flex;gap:12px;padding:8px 0}.mode-indicator{border-radius:50%;height:16px;width:16px}.mode-indicator.medical{background:#74b9ff}.mode-indicator.legal{background:#a29bfe}.mode-indicator.general{background:#00b894}.mode-indicator.meeting{background:#fdcb6e}.mode-name{flex:1 1;font-weight:500;text-transform:capitalize}.mode-count{background:#ffffff1a;border-radius:12px;font-weight:600;padding:4px 12px}.activity-chart{align-items:end;display:flex;gap:8px;height:200px;overflow-x:auto;padding-bottom:10px}.activity-day{align-items:center;display:flex;flex-direction:column;min-width:60px}.activity-bar{background:linear-gradient(0deg,#74b9ff,#0984e3);border-radius:3px 3px 0 0;margin-bottom:8px;min-height:4px;width:20px}.activity-date{font-size:.8rem;margin-bottom:4px;opacity:.7;text-align:center}.activity-count{color:#74b9ff;font-size:.9rem;font-weight:600}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-left-color:#fff;border-radius:50%;height:40px;width:40px}.empty-state{padding:60px 20px;text-align:center}.empty-state h3{font-size:1.5rem;margin-bottom:10px;opacity:.8}.empty-state p{font-size:1rem;margin:0;opacity:.6}@media (max-width:768px){.dictation-page{padding:15px}.dictation-header h1{font-size:2rem}.tab-navigation{margin:0 0 20px;max-width:none}.tab-button{font-size:.9rem;padding:10px 15px}.form-row{grid-template-columns:1fr}.notes-controls{gap:15px}.filters,.notes-controls{flex-direction:column}.notes-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2rem}.timer-display{font-size:2.5rem}.record-button{font-size:1rem;min-width:160px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.tab-button{font-size:.8rem;padding:8px 12px}.tab-icon{font-size:1rem}.activity-chart{gap:4px}.activity-day{min-width:40px}.activity-bar{width:16px}}.voice-note-editor{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#111827;font-family:var(--font-family);margin:0 auto;max-width:1200px;padding:var(--space-6)}.voice-note-editor div,.voice-note-editor p,.voice-note-editor span{color:#111827}.voice-note-editor label{color:#4b5563}.editor-header{background:#fff;border-bottom:none;justify-content:flex-end;margin-bottom:var(--space-6);padding:var(--space-6)}.editor-header,.error-message{align-items:center;display:flex}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#991b1b;justify-content:space-between;margin:var(--space-4) 0;padding:var(--space-3) var(--space-4)}.error-icon{font-size:18px;margin-right:var(--space-2)}.dismiss-error{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:background-color .2s;width:24px}.dismiss-error:hover{background:#0000000d}.editor-controls{margin:var(--space-4) 0}.editing-controls,.editor-controls{align-items:center;flex-wrap:wrap;gap:var(--space-4)}.editing-controls{display:flex}.btn{border-radius:var(--radius-lg);display:inline-flex;font-size:14px;gap:var(--space-2);min-width:120px;padding:10px 24px;text-decoration:none;transition:all .2s ease}.editor-controls{display:flex;justify-content:center;margin:var(--space-6) 0;width:100%}.btn-primary{background:#111827;box-shadow:0 4px 6px -1px #11182733;font-size:16px;padding:12px 32px}.btn-primary:hover:not(:disabled){background:#1f2937;box-shadow:0 6px 12px -1px #1118274d;transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.btn-outline{background:#fff;border:1px solid #d1d5db;color:#6b7280}.btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#111827;transform:translateY(-1px)}.btn:disabled{opacity:.5;transform:none!important}.editor-content{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr}@media (min-width:1024px){.editor-content{grid-template-columns:2fr 1.2fr}}.document-section{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-xl);padding:var(--space-6)}.document-section h4{color:#6b7280;font-size:16px;font-weight:600;letter-spacing:1px;margin:0 0 var(--space-4) 0;text-transform:uppercase}.document-textarea{background:#f9fafb;border:1px solid #d1d5db;border-radius:var(--radius-lg);color:#111827;font-family:inherit;font-size:15px;line-height:1.6;min-height:400px;padding:var(--space-4);resize:vertical;width:100%}.document-textarea:focus{background:#fff;border-color:var(--accent-teal);box-shadow:0 0 0 3px #10b9811a;outline:none}.document-textarea::placeholder{color:#9ca3af}.document-stats{background:#0000;border:none;border-radius:0;color:#9ca3af;font-size:11px;font-style:italic;margin-top:var(--space-4);padding:var(--space-3);text-align:right}.rendered-view{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-lg);color:#1f2937;font-size:15px;line-height:1.7;min-height:400px;padding:var(--space-6);width:100%}.doc-section-header{border-bottom:1px solid #f3f4f6;color:#111827;font-size:14px;font-weight:700;letter-spacing:.5px;margin:24px -24px 12px;padding:0 24px 8px;text-transform:uppercase}.doc-section-header:first-child{margin-top:0}.doc-paragraph{color:#374151;margin-bottom:16px}.text-edit-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000001a;padding:var(--space-6)}.text-edit-section h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 var(--space-6) 0}.text-edit-form{gap:var(--space-5)}.form-group,.text-edit-form{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{color:#4b5563;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.form-control{background:#fff;border:1px solid #d1d5db;border-radius:var(--radius-lg);color:#111827;font-size:14px;padding:12px 15px;transition:all .2s ease}.form-control:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px #10b9811a;outline:none}.form-control::placeholder{color:#9ca3af}.form-control option{background:#fff;color:#111827}.edit-history-section{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-xl);grid-column:1/-1;padding:var(--space-6)}.edit-history-section h4{color:#6b7280;font-size:16px;font-weight:600;margin:0 0 var(--space-4) 0}.edit-history{flex-direction:column}.edit-history,.edit-item{display:flex;gap:var(--space-3)}.edit-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-md);flex-wrap:wrap;font-size:14px;padding:var(--space-3) var(--space-4)}.edit-type{background:#eff6ff;border:1px solid #dbeafe;border-radius:var(--radius-sm);color:#1d4ed8;font-size:11px;font-weight:700;min-width:90px;padding:4px 10px;text-align:center;text-transform:uppercase}.edit-replacement,.edit-target{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-sm);color:#374151;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;padding:4px 10px}.edit-arrow{color:var(--accent-teal);font-weight:700}.edit-time{color:#9ca3af;font-size:12px;margin-left:auto}.more-edits{color:#fff9;font-style:italic;padding:10px;text-align:center}@media (max-width:768px){.editor-header,.voice-note-editor{padding:var(--space-4)}.editing-controls{justify-content:center;width:100%}.btn{font-size:13px;min-width:100px;padding:10px 16px}.document-textarea{font-size:13px;min-height:250px}.edit-item{align-items:flex-start;flex-direction:column;gap:8px}.edit-time{margin-left:0}}.btn:disabled{overflow:hidden;position:relative}.btn:disabled:after{animation:loading 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{left:-100%}to{left:100%}}.voice-note-editor :focus{outline:2px solid #007bff;outline-offset:2px}@media (prefers-contrast:high){.voice-note-editor{border:2px solid #fff}.btn{border:2px solid}.form-control{border-width:3px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.btn:hover{transform:none!important}}.consent-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.consent-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:540px;overflow-y:auto;width:90%}.consent-header{border-bottom:1px solid #e5e7eb;padding:32px 32px 24px;text-align:center}.consent-header svg{margin-bottom:16px}.consent-header h2{color:#111827;font-size:24px;font-weight:600;margin:0}.consent-body{padding:24px 32px}.consent-intro{color:#374151;font-size:15px;line-height:1.6;margin:0 0 20px}.consent-list{list-style:none;margin:0 0 24px;padding:0}.consent-list li{align-items:flex-start;background:#f0fdf4;border-radius:8px;color:#166534;display:flex;font-size:14px;gap:12px;line-height:1.5;margin-bottom:8px;padding:12px 16px}.consent-list li svg{flex-shrink:0;margin-top:2px}.consent-notice{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:8px;display:flex;gap:12px;padding:16px}.consent-notice svg{flex-shrink:0;margin-top:2px}.consent-notice p{color:#92400e;font-size:13px;line-height:1.6;margin:0}.consent-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:24px 32px 32px}.consent-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.consent-decline{background:#f3f4f6;color:#374151}.consent-decline:hover{background:#e5e7eb}.consent-accept{background:#2563eb;color:#fff}.consent-accept:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.consent-accept:active{transform:translateY(0)}@media (max-width:640px){.consent-modal{max-width:none;width:95%}.consent-actions,.consent-body,.consent-header{padding-left:20px;padding-right:20px}.consent-actions{flex-direction:column}}.clinic-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.clinic-modal{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-width:650px;overflow:hidden;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.clinic-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:32px}.clinic-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0}.clinic-header p{color:#64748b;font-size:14px;margin:8px 0 0}.clinic-body{max-height:70vh;overflow-y:auto;padding:32px}.form-group label{color:#475569;display:block;font-size:13px;margin-bottom:8px}.form-group input[type=email],.form-group input[type=text],.form-group textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#1e293b;box-shadow:0 0 0 4px #1e293b1a;outline:none}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.logo-group{background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:16px;padding:20px}.logo-group,.logo-preview-container{align-items:center;display:flex;flex-direction:column}.logo-preview-container{gap:16px}.logo-preview{border-radius:8px;max-height:80px;max-width:180px;object-fit:contain}.logo-placeholder{align-items:center;background:#e2e8f0;border-radius:8px;color:#94a3b8;display:flex;font-size:12px;font-weight:600;height:80px;justify-content:center;text-transform:uppercase;width:180px}.upload-btn{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.upload-btn:hover{background:#f8fafc;border-color:#94a3b8}.checkbox-group{align-items:flex-end;display:flex;padding-bottom:12px}.checkbox-container{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-size:14px;gap:10px}.clinic-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.clinic-btn{border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary{background:#1e293b;border:none}.btn-primary:hover{background:#0f172a}.btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.btn-secondary:hover{background:#f1f5f9}.clinic-error{background:#fef2f2;border-radius:8px;color:#dc2626;font-size:13px;margin-top:16px;padding:12px;text-align:center}.tab-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:1000;gap:8px;padding:10px 20px;transition:all .2s}.tab-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.tab-btn.active{background:#1e293b;border-color:#1e293b;box-shadow:0 4px 6px -1px #1e293b33;color:#fff}.prescription-container{background-color:#f8fafc;min-height:100vh;padding:20px 20px 100px}.prescription-header{background-color:#fff;border-bottom:1px solid #f1f5f9;margin-bottom:20px;padding:10px 20px}.prescription-header h2{color:#0f172a;font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0}.actions-row{display:flex;justify-content:center;margin-bottom:16px}.dictate-btn{background-color:#1e293b;border:none;border-radius:10px;box-shadow:0 4px 12px #1e293b33;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-width:300px;padding:10px 48px;width:auto}.dictate-btn.recording{background-color:#ef4444}.dictate-btn.processing{background-color:#9ca3af;cursor:not-allowed}.template-row{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.template-btn{background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;flex:none;font-size:13px;font-weight:600;padding:8px 32px;width:auto}.canvas{background-color:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 10px #0f172a0d;padding:24px}.patient-section{border-bottom:1px solid #f1f5f9;margin-bottom:20px;padding-bottom:20px}.patient-section label{color:#64748b;display:block;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.patient-name{color:#1e293b;font-size:16px;font-weight:700}.search-row{display:flex;gap:10px}.search-input{background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;color:#0f172a;flex:1 1;font-size:15px;padding:14px 16px}.search-btn{background-color:#0f172a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:0 16px}.rx-section{margin-bottom:24px}.rx-section h3{color:#0f172a;font-size:17px;font-weight:800;margin-bottom:14px}.empty-text{color:#94a3b8;font-size:15px;font-style:italic;margin:10px 0}.med-card{background-color:#fff;border:1.5px solid #f1f5f9;border-radius:16px;margin-bottom:16px;padding:16px}.med-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.flex-1{flex:1 1}.flex-2{flex:2 1}.w-full{box-sizing:border-box;width:100%}.font-bold{font-weight:700}.med-input{background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;color:#0f172a;font-size:15px;padding:12px 14px}.delete-btn{font-size:20px}.add-med-btn,.delete-btn{background:none;border:none;cursor:pointer}.add-med-btn{color:#1e293b;font-size:15px;font-weight:700;margin-top:4px;padding:10px 0}.form-section{margin-bottom:24px}.form-section h3{color:#0f172a;font-size:17px;font-weight:800;margin-bottom:14px}.form-textarea{min-height:80px;resize:vertical;width:100%}.form-input,.form-textarea{background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#0f172a;font-size:15px;padding:12px 14px}.prescription-footer{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a0d;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:16px 24px}.footer-btn{border:none;border-radius:10px;cursor:pointer;flex:none;font-size:13px;font-weight:600;min-width:120px;padding:10px 24px;text-align:center}.footer-btn-outline{background-color:initial;border:1.5px solid #e2e8f0;color:#0f172a}.footer-btn-whatsapp{background-color:#10b981;color:#fff}.footer-btn-save{background-color:#1e293b;color:#fff}:root{--bg-page:#f0f2f5;--bg-card:#fff;--bg-dark:#111827;--bg-dark-secondary:#1a2332;--bg-dark-tertiary:#1f2b3d;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-on-dark:#fff;--text-on-dark-muted:#fff9;--accent-teal:#1e293b;--accent-teal-light:#334155;--accent-teal-dark:#0f172a;--accent-teal-bg:#1e293b0d;--accent-teal-border:#1e293b1a;--accent-blue:#3b82f6;--accent-indigo:#6366f1;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--border-light:#e5e7eb;--border-dark:#ffffff14;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family)}.app-navbar{background:#fff;background:var(--bg-card);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);height:64px;justify-content:space-between;padding:0 32px;padding:0 var(--space-8);position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-navbar,.app-navbar-brand{align-items:center;display:flex}.app-navbar-brand{gap:12px;gap:var(--space-3)}.brand-icon{align-items:center;background:#111827;background:var(--bg-dark);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-on-dark);display:flex;font-size:16px;font-weight:800;height:36px;justify-content:center;width:36px}.brand-name{color:#111827;color:var(--text-primary);font-size:18px;font-weight:800;letter-spacing:-.3px}.brand-subtitle{color:#1e293b;color:var(--accent-teal);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.app-navbar-links{align-items:center;display:flex;gap:4px;gap:var(--space-1)}.navbar-link{background:none;border:none;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-weight:500;position:relative}.navbar-link:hover{background:#f0f2f5;background:var(--bg-page);color:#111827;color:var(--text-primary)}.navbar-link.active{color:var(--accent-teal);font-weight:600}.navbar-link.active:after{background:#1e293b;background:var(--accent-teal);border-radius:9999px;border-radius:var(--radius-full);bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:24px}.app-navbar-right{align-items:center;display:flex;gap:16px;gap:var(--space-4)}.navbar-notification{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.navbar-notification:hover{background:#f0f2f5;background:var(--bg-page)}.navbar-user{gap:12px;gap:var(--space-3)}.navbar-user-info{text-align:right}.navbar-user-name{color:#111827;color:var(--text-primary);font-size:14px;font-weight:600}.navbar-user-role{color:#9ca3af;color:var(--text-muted);font-size:12px}.navbar-avatar{align-items:center;background:#f0f2f5;background:var(--bg-page);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-8)}.page-header-left{display:flex;flex-direction:column;gap:8px;gap:var(--space-2)}.page-title{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:28px;font-weight:800;gap:12px;gap:var(--space-3);letter-spacing:-.5px;margin:0}.status-badge{align-items:center;background:#1e293b0d;background:var(--accent-teal-bg);border:1px solid #1e293b1a;border:1px solid var(--accent-teal-border);border-radius:9999px;border-radius:var(--radius-full);color:#1e293b;color:var(--accent-teal);display:inline-flex;font-size:11px;font-weight:700;gap:4px;gap:var(--space-1);letter-spacing:.8px;padding:4px 12px;text-transform:uppercase}.status-badge:before{background:#1e293b;background:var(--accent-teal);border-radius:50%;content:"";height:6px;width:6px}.page-subtitle{color:#9ca3af;color:var(--text-muted);font-size:14px;margin:0}.page-header-right{gap:16px;gap:var(--space-4)}.page-header-right,.search-box{align-items:center;display:flex}.search-box{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);gap:8px;gap:var(--space-2);min-width:260px;padding:10px 16px}.search-box input{background:none;border:none;color:#111827;color:var(--text-primary);font-size:14px;outline:none;width:100%}.search-box input::placeholder{color:#9ca3af;color:var(--text-muted)}.new-session-btn{align-items:center;background:#111827;background:var(--bg-dark);border:none;border-radius:12px;border-radius:var(--radius-lg);color:#fff;color:var(--text-on-dark);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-2);padding:10px 20px;transition:all .2s ease}.new-session-btn:hover{background:#1a2332;background:var(--bg-dark-secondary);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.dashboard-container{background:#f0f2f5!important;background:var(--bg-page)!important;min-height:100vh;padding:32px;padding:var(--space-8)}.main-layout{grid-gap:32px;grid-gap:var(--space-8);display:grid;gap:32px;gap:var(--space-8);grid-template-columns:1fr 380px;margin:0 auto;max-width:1400px}.main-page-tabs{background:#fff;border:none;border-radius:12px;box-shadow:0 2px 10px #0000000a;flex-shrink:0;margin:24px auto;margin:var(--space-6) auto;padding:4px;width:-webkit-fit-content;width:fit-content}.main-page-tabs:before{display:none!important}.tab-button{background:#0000;border-radius:8px;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.tab-button span:first-child{align-items:center;display:flex!important;font-size:16px;justify-content:center}.tab-button:hover:not(.active){background:#f8fafc;transform:none}.tab-button:active{transform:none}.main-page-tabs .tab-button.active{background:#1e293b!important;box-shadow:none!important;color:#fff!important}.tab-button.active:after{display:none!important}.main-dashboard{align-items:center!important;display:flex!important;flex-direction:column!important;gap:24px;gap:var(--space-6);justify-content:flex-start!important;padding:24px;padding:var(--space-6)}.dashboard-card.recording-card,.recording-card{background:#111827!important;background:var(--bg-dark)!important;border:1px solid #ffffff14!important;border:1px solid var(--border-dark)!important;border-radius:20px!important;border-radius:var(--radius-2xl)!important;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d!important;box-shadow:var(--shadow-xl)!important;color:#fff;color:var(--text-on-dark);margin-top:16px;margin-top:var(--space-4);max-width:600px!important;overflow:hidden;padding:32px 24px!important;padding:var(--space-8) var(--space-6)!important;position:relative;text-align:center;width:100%!important}.recording-card:before{background:linear-gradient(90deg,#0000,#10b9814d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.card-header-dash,.card-header-dash h3{margin-bottom:8px;margin-bottom:var(--space-2)}.card-header-dash h3{color:#fff!important;color:var(--text-on-dark)!important;font-size:26px;letter-spacing:-.3px}.card-header-dash p,.card-subtitle{color:#fff9;color:var(--text-on-dark-muted);font-size:14px;margin:0}.mode-badge-label{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9999px;border-radius:var(--radius-full);color:#fff9;color:var(--text-on-dark-muted);display:inline-flex;font-size:11px;font-weight:600;gap:8px;gap:var(--space-2);letter-spacing:1.5px;margin-bottom:20px;margin-bottom:var(--space-5);padding:6px 16px;text-transform:uppercase}.mode-badge-label:before{background:#1e293b;background:var(--accent-teal);border-radius:50%;content:"";height:6px;width:6px}.waveform-container{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;border-radius:var(--radius-lg);margin:24px 0;margin:var(--space-6) 0;padding:24px 32px;padding:var(--space-6) var(--space-8)}.waveform{height:50px;max-width:100%}.waveform path{stroke:#fff3!important;filter:none!important}.waveform-active path{stroke:#1e293b!important;stroke:var(--accent-teal)!important;filter:drop-shadow(0 0 6px rgba(16,185,129,.4))!important}.waveform-dots{align-items:center;display:flex;gap:6px;justify-content:center;padding:32px 0;padding:var(--space-8) 0}.waveform-dot{background:#ffffff26;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.waveform-dot.active{background:#1e293b;background:var(--accent-teal);box-shadow:0 0 8px #10b98166}.waveform-dot.half{border-radius:4px;height:4px;width:8px}.recording-controls{gap:16px;gap:var(--space-4)}.mic-button{align-items:center!important;background:#fff!important;background:var(--bg-card)!important;border:none!important;border-radius:16px!important;border-radius:var(--radius-xl)!important;box-shadow:0 4px 20px #0000004d!important;color:#111827!important;color:var(--text-primary)!important;display:flex!important;height:72px!important;justify-content:center!important;transition:all .2s ease!important;width:72px!important}.mic-button:hover{box-shadow:0 8px 30px #0006!important;transform:translateY(-2px)!important}.mic-button.recording{background:#ef4444!important;background:var(--error)!important;color:#fff!important}.mic-icon{align-items:center!important;display:flex!important;justify-content:center!important}.mic-icon,.mic-icon svg{height:28px!important;width:28px!important}.mic-icon svg{stroke:#111827!important;stroke:var(--bg-dark)!important}.mic-button.recording .mic-icon svg{stroke:#fff!important}.pulse-ring{border-color:#ef444466!important}.recording-time{font-feature-settings:"tnum";color:#fff!important;color:var(--text-on-dark)!important;font-size:48px;font-variant-numeric:tabular-nums;letter-spacing:4px;margin:16px 0;margin:var(--space-4) 0}.recording-status{color:#fff9!important;color:var(--text-on-dark-muted)!important;font-size:12px;letter-spacing:2px;text-transform:uppercase}.generate-btn{align-items:center!important;background:#111827!important;background:var(--bg-dark)!important;border:1px solid #ffffff1a!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;color:#fff!important;color:var(--text-on-dark)!important;display:inline-flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;gap:var(--space-2)!important;letter-spacing:.3px;padding:14px 32px!important;transition:all .2s ease}.generate-btn:hover{background:#1a2332!important;background:var(--bg-dark-secondary)!important;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.generate-btn:active{transform:translateY(0) scale(.98)}.main-dashboard>div[style*=gridColumn]{display:flex!important;justify-content:center!important;margin:0 auto!important;max-width:700px!important;width:100%!important}.patient-intake-card{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d!important;box-shadow:var(--shadow-lg)!important;margin-top:24px;margin-top:var(--space-6);max-width:700px!important;padding:32px!important;padding:var(--space-8)!important;text-align:left!important;width:100%!important}.intake-form-grid{grid-gap:16px;grid-gap:var(--space-4);grid-template-columns:1fr;margin-top:24px;margin-top:var(--space-6)}.input-row,.intake-form-grid{display:grid;gap:16px;gap:var(--space-4)}.input-row{grid-gap:16px;grid-gap:var(--space-4);grid-template-columns:1fr 1fr}.input-group{display:flex;flex-direction:column;gap:8px;gap:var(--space-2);position:relative}.input-group label{color:#4b5563;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.input-group input,.input-group select{background:#fdfdfd;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);font-size:14px;outline:none;padding:12px 14px;transition:all .2s ease}.input-group input:focus,.input-group select:focus{background:#fff;border-color:#1e293b;border-color:var(--accent-teal);box-shadow:0 0 0 3px #1e293b0d;box-shadow:0 0 0 3px var(--accent-teal-bg)}.input-group input.loading{padding-right:80px}.input-loader{align-items:center;bottom:0;color:#1e293b;color:var(--accent-teal);display:flex;font-size:11px;font-weight:600;height:44px;position:absolute;right:12px}.patient-status-badge{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;border-radius:var(--radius-md);color:#166534;display:flex;font-size:13px;font-weight:500;gap:8px;gap:var(--space-2);margin-top:24px;margin-top:var(--space-6);padding:10px 14px}.patient-status-card{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:16px!important;border-radius:var(--radius-xl)!important;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d!important;box-shadow:var(--shadow-md)!important;margin-top:24px;margin-top:var(--space-6);max-width:700px!important;padding:24px 32px!important;padding:var(--space-6) var(--space-8)!important;width:100%!important}.selected-patient-preview{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--space-4);padding:16px;padding:var(--space-4)}.preview-item{display:flex;flex-direction:column}.preview-item .label{color:#64748b;font-size:11px;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.preview-item .value{color:#1e293b;font-size:15px;font-weight:600}.preview-status{align-items:center;color:#059669;display:flex;font-size:13px;font-weight:500;gap:8px}.status-dot{animation:pulse-green 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse-green{0%{box-shadow:0 0 0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.sidebar{display:flex;flex-direction:column;gap:24px;gap:var(--space-6)}.sidebar-card{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-6)}.sidebar-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-5)}.sidebar-card-title{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:13px;font-weight:700;gap:8px;gap:var(--space-2);letter-spacing:1px;text-transform:uppercase}.sidebar-card-action{background:none;border:none;color:#9ca3af;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:500;transition:color .2s ease}.sidebar-card-action:hover{color:#1e293b;color:var(--accent-teal)}.activity-list{display:flex;flex-direction:column;gap:4px;gap:var(--space-1)}.activity-item{align-items:center;border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:background .2s ease}.activity-icon,.activity-item:hover{background:#f0f2f5;background:var(--bg-page)}.activity-icon{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.activity-info{flex:1 1;min-width:0}.activity-name{color:#111827;color:var(--text-primary);font-size:14px;font-weight:600}.activity-meta{align-items:center;color:#9ca3af;color:var(--text-muted);display:flex;font-size:12px;gap:8px;gap:var(--space-2)}.activity-status{border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;font-size:12px;font-weight:600;padding:2px 10px}.activity-status.completed{background:#1e293b0d;background:var(--accent-teal-bg);color:#1e293b;color:var(--accent-teal)}.activity-status.draft{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.activity-chevron{color:#9ca3af;color:var(--text-muted);font-size:16px}.intel-card{background:#111827;background:var(--bg-dark);border:1px solid #ffffff14;border:1px solid var(--border-dark);border-radius:16px;border-radius:var(--radius-xl);color:#fff;color:var(--text-on-dark);padding:24px;padding:var(--space-6)}.intel-card-label{color:#1e293b;color:var(--accent-teal);font-size:11px;font-weight:700;letter-spacing:1.2px;margin-bottom:12px;margin-bottom:var(--space-3);text-transform:uppercase}.intel-card-text{font-size:15px;font-weight:600;line-height:1.5;margin-bottom:16px;margin-bottom:var(--space-4)}.intel-card-btn,.intel-card-text{color:#fff;color:var(--text-on-dark)}.intel-card-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.intel-card-btn:hover{background:#ffffff26}.patient-history-container{max-width:1000px}.dashboard-header{margin-bottom:32px;margin-bottom:var(--space-8)}.dashboard-title{color:#111827;gap:12px;gap:var(--space-3);margin:0 0 8px;margin:0 0 var(--space-2) 0}.search-panel{background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:24px;margin-bottom:var(--space-6);padding:32px;padding:var(--space-8)}.search-panel h3{color:#111827;color:var(--text-primary);font-size:18px;margin-bottom:var(--space-5)}.search-form{gap:12px;gap:var(--space-3)}.patient-id-input{background:#f0f2f5!important;background:var(--bg-page)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;color:#111827!important;color:var(--text-primary)!important;font-size:14px!important;padding:14px 20px!important;transition:all .2s ease}.patient-id-input:focus{background:#fff!important;background:var(--bg-card)!important;border-color:#1e293b!important;border-color:var(--accent-teal)!important;box-shadow:0 0 0 3px #1e293b0d!important;box-shadow:0 0 0 3px var(--accent-teal-bg)!important}.patient-id-input::placeholder{color:#9ca3af}.search-button{background:#111827!important;background:var(--bg-dark)!important;border:none!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;color:#fff!important;color:var(--text-on-dark)!important;font-size:14px!important;font-weight:600!important;gap:8px;gap:var(--space-2);padding:14px 28px!important;transition:all .2s ease;white-space:nowrap}.search-button:hover:not(:disabled){background:#1a2332!important;background:var(--bg-dark-secondary)!important;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.search-button:disabled{opacity:.6}.error-alert{background:#ef444414;border:1px solid #ef444433;border-radius:8px;color:#ef4444;color:var(--error);font-size:14px;margin-top:16px;margin-top:var(--space-4);padding:12px 16px;padding:var(--space-3) var(--space-4)}.results-panel{background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:32px;padding:var(--space-8)}.patient-info-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);margin-bottom:24px;margin-bottom:var(--space-6);padding-bottom:24px;padding-bottom:var(--space-6)}.patient-info-header h3{color:#111827!important;color:var(--text-primary)!important;font-size:20px!important;font-weight:700!important;margin-bottom:12px!important;margin-bottom:var(--space-3)!important}.patient-stats{gap:12px;gap:var(--space-3)}.patient-stat-item{background:#f0f2f5!important;background:var(--bg-page)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:9999px!important;border-radius:var(--radius-full)!important;color:#4b5563!important;color:var(--text-secondary)!important;font-size:13px!important;font-weight:500!important;gap:8px;gap:var(--space-2);padding:10px 18px!important}.patient-stat-item strong{color:#111827!important;color:var(--text-primary)!important;font-weight:700!important}.visit-history{gap:16px;gap:var(--space-4)}.visit-card{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:0 1px 2px #0000000d;padding:24px!important;padding:var(--space-6)!important;transition:all .2s ease}.visit-card:before{background:#1e293b;background:var(--accent-teal);border-radius:3px 0 0 3px;bottom:0;opacity:0;transition:opacity .2s ease;width:3px}.visit-card:hover{border-color:#1e293b1a!important;border-color:var(--accent-teal-border)!important;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d!important;box-shadow:var(--shadow-md)!important}.visit-card:hover:before{opacity:1}.visit-card-header{align-items:center;margin-bottom:16px!important;margin-bottom:var(--space-4)!important}.visit-badge-container{gap:12px;gap:var(--space-3)}.visit-badge{background:#111827!important;background:var(--bg-dark)!important;border-radius:9999px!important;border-radius:var(--radius-full)!important;color:#fff!important;color:var(--text-on-dark)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.3px!important;padding:5px 14px!important}.visit-date{color:#9ca3af!important;color:var(--text-muted)!important;font-size:13px!important;font-weight:400!important}.view-summary-btn{background:#111827!important;background:var(--bg-dark)!important;border:none!important;border-radius:8px!important;border-radius:var(--radius-md)!important;color:#fff!important;color:var(--text-on-dark)!important;cursor:pointer!important;font-size:13px!important;font-weight:500!important;gap:8px;gap:var(--space-2);padding:8px 18px!important;transition:all .2s ease!important}.view-summary-btn:hover{background:#1a2332!important;background:var(--bg-dark-secondary)!important;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.visit-preview{background:#f0f2f5!important;background:var(--bg-page)!important;border-left:3px solid #1e293b!important;border-left:3px solid var(--accent-teal)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;color:#4b5563!important;color:var(--text-secondary)!important;font-size:14px!important;font-weight:400!important;line-height:1.7!important;margin-top:12px;margin-top:var(--space-3);padding:16px 20px!important;padding:var(--space-4) var(--space-5)!important}.no-records-placeholder{padding:48px 24px;padding:var(--space-12) var(--space-6)}.no-records-icon{margin-bottom:16px;margin-bottom:var(--space-4);opacity:.5}.no-records-placeholder h4{color:#111827;color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-2)}.no-records-placeholder p{color:#9ca3af;font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;padding:24px;padding:var(--space-6)}.modal-content{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d!important;box-shadow:var(--shadow-xl)!important;display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden}.modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);padding:24px;padding:var(--space-6)}.modal-header-info h3{color:#111827;color:var(--text-primary);font-size:18px;margin:0 0 4px;margin:0 0 var(--space-1) 0}.modal-header-info p{color:#9ca3af;color:var(--text-muted);font-size:13px}.modal-close-btn{background:#f0f2f5!important;background:var(--bg-page)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:8px;color:#4b5563!important;color:var(--text-secondary)!important;font-size:20px;height:36px;transition:all .2s ease;width:36px}.modal-close-btn:hover{background:#111827!important;background:var(--bg-dark)!important;color:#fff!important;color:var(--text-on-dark)!important}.modal-summary-content{word-wrap:break-word!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;color:#111827!important;color:var(--text-primary)!important;font-size:14px!important;line-height:1.8!important;margin:24px;margin:var(--space-6);max-height:60vh;overflow-y:auto;padding:24px!important;padding:var(--space-6)!important;white-space:pre-wrap!important}.modal-summary-content,.summary-page{background:#f0f2f5!important;background:var(--bg-page)!important}.summary-page{max-width:900px}.summary-header{gap:16px;gap:var(--space-4);margin-bottom:24px;margin-bottom:var(--space-6)}.summary-header h2{color:#111827!important;color:var(--text-primary)!important;font-size:24px}.back-btn{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;color:#4b5563!important;color:var(--text-secondary)!important;font-size:14px;font-weight:500;padding:10px 18px!important;transition:all .2s ease}.back-btn:hover{background:#111827!important;background:var(--bg-dark)!important;color:#fff!important;color:var(--text-on-dark)!important}.summary-card{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-6)}.summary-text{background:#f0f2f5!important;background:var(--bg-page)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;color:#111827!important;color:var(--text-primary)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-family:var(--font-family)!important;font-size:14px!important;line-height:1.8!important;padding:24px!important;padding:var(--space-6)!important}.audio-player-section{background:#f0f2f5;background:var(--bg-page);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);margin-top:20px;margin-top:var(--space-5);padding:16px 20px;padding:var(--space-4) var(--space-5)}.audio-player-section h4{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px;margin:0 0 var(--space-3) 0}.audio-player-section audio{border-radius:8px;border-radius:var(--radius-md);outline:none;width:100%}.audio-player-section.compact{margin-top:12px;margin-top:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4)}.audio-download-link{align-items:center;color:#1e293b;color:var(--accent-teal);display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-top:12px;margin-top:var(--space-3);text-decoration:none;transition:color .2s ease}.audio-download-link:hover{color:#0f172a;color:var(--accent-teal-dark)}.summary-toolbar{background:#f0f2f5!important;background:var(--bg-page)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important}.summary-actions{display:flex;gap:12px;gap:var(--space-3);margin-top:24px;margin-top:var(--space-6)}.action-btn{align-items:center;border:none!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;cursor:pointer;display:flex;flex:1 1;font-size:14px!important;font-weight:600!important;gap:8px;gap:var(--space-2);justify-content:center;padding:14px 24px!important;transition:all .2s ease}.action-btn:hover{box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.export-btn{background:#111827!important;background:var(--bg-dark)!important;color:#fff!important;color:var(--text-on-dark)!important}.save-btn{background:#1e293b!important;background:var(--accent-teal)!important;color:#fff!important}.info-banner{align-items:center;background:#1e293b0d!important;background:var(--accent-teal-bg)!important;border:1px solid #1e293b1a!important;border:1px solid var(--accent-teal-border)!important;border-radius:8px;border-radius:var(--radius-md);color:#0f172a!important;color:var(--accent-teal-dark)!important;display:flex;font-size:14px;gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4);padding:12px 16px;padding:var(--space-3) var(--space-4)}.summary-status{flex-direction:column;gap:var(--space-3);padding:40px;padding:var(--space-10);text-align:center}.summary-status .status-icon{font-size:32px}.summary-status span{color:#4b5563;color:var(--text-secondary);font-size:15px}.dictation-container,.dictation-page{background:#f0f2f5!important;background:var(--bg-page)!important;min-height:100vh}.dictation-container,.dictation-header,.dictation-page{color:#111827!important;color:var(--text-primary)!important}.dictation-header{background:#0000!important;padding:24px 0;padding:var(--space-6) 0;text-align:center}.dictation-header h1{-webkit-text-fill-color:#111827!important;-webkit-text-fill-color:var(--text-primary)!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#111827!important;color:var(--text-primary)!important;font-size:28px!important;font-weight:800!important;letter-spacing:-.5px}.dictation-header p{color:#9ca3af!important;color:var(--text-muted)!important;font-size:14px!important;opacity:1!important}.dictation-page .tab-navigation{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:16px!important;border-radius:var(--radius-xl)!important;padding:6px!important}.dictation-page .tab-button{background:#0000!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;color:#4b5563!important;color:var(--text-secondary)!important}.dictation-page .tab-button:hover{background:#f0f2f5!important;background:var(--bg-page)!important;color:#111827!important;color:var(--text-primary)!important}.dictation-page .tab-button.active{background:#111827!important;background:var(--bg-dark)!important;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d!important;box-shadow:var(--shadow-md)!important;color:#fff!important;color:var(--text-on-dark)!important}.dictation-page .tab-icon{align-items:center!important;display:inline-flex!important;justify-content:center!important;vertical-align:middle!important}.dictation-page .tab-icon svg{height:18px!important;width:18px!important}.dictation-page .record-button .icon{align-items:center!important;display:inline-flex!important;vertical-align:middle!important}.record-container{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:16px!important;border-radius:var(--radius-xl)!important;box-shadow:0 1px 2px #0000000d!important;box-shadow:var(--shadow-sm)!important}.form-input,.form-select,.note-setup h3{color:#111827!important;color:var(--text-primary)!important}.form-input,.form-select{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#f0f2f5!important;background:var(--bg-page)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:8px!important;border-radius:var(--radius-md)!important}.form-input::placeholder{color:#9ca3af!important;color:var(--text-muted)!important}.form-input:focus,.form-select:focus{border-color:#1e293b!important;border-color:var(--accent-teal)!important;box-shadow:0 0 0 3px #1e293b0d!important;box-shadow:0 0 0 3px var(--accent-teal-bg)!important}.form-input:focus,.form-select option,.form-select:focus{background:#fff!important;background:var(--bg-card)!important}.form-group label,.form-select option{color:#111827!important;color:var(--text-primary)!important}.form-group label{font-size:14px;font-weight:600;opacity:1!important}.recording-indicator{color:#ef4444!important;color:var(--error)!important;font-weight:600}.timer-display{color:#111827!important;color:var(--text-primary)!important;font-size:48px!important;font-weight:700!important}.record-button{background:#111827!important;background:var(--bg-dark)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d!important;box-shadow:var(--shadow-md)!important;color:#fff!important;color:var(--text-on-dark)!important;font-weight:600!important}.record-button:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d!important;box-shadow:var(--shadow-lg)!important}.record-button.recording{background:#ef4444!important;background:var(--error)!important;box-shadow:0 4px 20px #ef44444d!important}.transcript-container{background:#f0f2f5!important;background:var(--bg-page)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important}.transcript-container h4{color:#111827!important;color:var(--text-primary)!important;opacity:1!important}.transcript-text{color:#4b5563!important;color:var(--text-secondary)!important}.search-input{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#f0f2f5!important;background:var(--bg-page)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;color:#111827!important;color:var(--text-primary)!important}.search-input::placeholder{color:#9ca3af!important;color:var(--text-muted)!important}.filter-input,.filter-select{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#f0f2f5!important;background:var(--bg-page)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;color:#111827!important;color:var(--text-primary)!important}.filter-input::placeholder{color:#9ca3af!important;color:var(--text-muted)!important}.note-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:16px!important;border-radius:var(--radius-xl)!important;box-shadow:0 1px 2px #0000000d!important;box-shadow:var(--shadow-sm)!important;transition:all .2s ease}.note-card:hover{border-color:#1e293b1a!important;border-color:var(--accent-teal-border)!important;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d!important;box-shadow:var(--shadow-md)!important}.note-header h3{color:#111827!important;color:var(--text-primary)!important}.mode-badge{border-radius:9999px!important;border-radius:var(--radius-full)!important;font-size:11px!important;font-weight:600!important}.mode-badge.medical{background:#3b82f61a!important;color:#3b82f6!important;color:var(--accent-blue)!important}.mode-badge.legal{background:#6366f11a!important;color:#6366f1!important;color:var(--accent-indigo)!important}.mode-badge.general{background:#1e293b0d!important;background:var(--accent-teal-bg)!important;color:#1e293b!important;color:var(--accent-teal)!important}.mode-badge.meeting{background:#f59e0b1a!important;color:#f59e0b!important;color:var(--warning)!important}.metadata-item .label{color:#9ca3af!important;color:var(--text-muted)!important;opacity:1!important}.metadata-item .value{color:#111827!important;color:var(--text-primary)!important}.note-content-preview{border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:8px!important;border-radius:var(--radius-md)!important}.note-content-preview,.tag{background:#f0f2f5!important;background:var(--bg-page)!important;color:#4b5563!important;color:var(--text-secondary)!important}.tag{border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important}.action-button.primary{background:#111827!important;background:var(--bg-dark)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;color:#fff!important;color:var(--text-on-dark)!important}.action-button.primary:hover{background:#1a2332!important;background:var(--bg-dark-secondary)!important}.action-button.secondary{background:#f0f2f5!important;background:var(--bg-page)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;color:#111827!important;color:var(--text-primary)!important}.action-button.secondary:hover{background:#e5e7eb!important;background:var(--border-light)!important}.stat-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:16px!important;border-radius:var(--radius-xl)!important;box-shadow:0 1px 2px #0000000d!important;box-shadow:var(--shadow-sm)!important}.stat-number{color:#1e293b!important;color:var(--accent-teal)!important}.stat-label{color:#4b5563!important;color:var(--text-secondary)!important;opacity:1!important}.chart-container{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:16px!important;border-radius:var(--radius-xl)!important;box-shadow:0 1px 2px #0000000d!important;box-shadow:var(--shadow-sm)!important}.chart-container h3,.mode-count,.mode-name{color:#111827!important;color:var(--text-primary)!important}.mode-count{background:#f0f2f5!important;background:var(--bg-page)!important}.activity-bar{background:linear-gradient(0deg,#1e293b,#334155)!important;background:linear-gradient(to top,var(--accent-teal),var(--accent-teal-light))!important}.activity-date{color:#9ca3af!important;color:var(--text-muted)!important;opacity:1!important}.activity-count{color:#1e293b!important;color:var(--accent-teal)!important}.spinner{border-color:#e5e7eb!important;border-color:var(--border-light)!important;border-left-color:#1e293b!important;border-left-color:var(--accent-teal)!important}.empty-state h3{color:#111827!important;color:var(--text-primary)!important;opacity:1!important}.empty-state p{color:#9ca3af!important;color:var(--text-muted)!important;opacity:1!important}.error-message{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#ef444414!important;border:1px solid #ef444433!important;border-radius:8px!important;border-radius:var(--radius-md)!important}.error-message,.error-message button{color:#ef4444!important;color:var(--error)!important}.loading-container{color:#4b5563!important;color:var(--text-secondary)!important}.dictation-buttons,.dictation-controls,.dictation-form{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:16px;border-radius:var(--radius-xl)}.dictation-form input,.dictation-form select,.dictation-form textarea{background:#f0f2f5!important;background:var(--bg-page)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:8px;border-radius:var(--radius-md);color:#111827!important;color:var(--text-primary)!important}.dictation-form input:focus,.dictation-form select:focus,.dictation-form textarea:focus{background:#fff!important;background:var(--bg-card)!important;border-color:#1e293b!important;border-color:var(--accent-teal)!important;box-shadow:0 0 0 3px #1e293b0d;box-shadow:0 0 0 3px var(--accent-teal-bg)}.dictation-form label{color:#111827!important;color:var(--text-primary)!important;font-size:14px;font-weight:600}@media (max-width:1024px){.main-layout{grid-template-columns:1fr}.sidebar{display:none}}@media (max-width:768px){.dashboard-container{padding:16px;padding:var(--space-4)}.main-page-tabs{flex-wrap:nowrap;gap:4px;max-width:100%;overflow-x:auto}.tab-button{flex:0 0 auto;font-size:12px;min-width:0;min-width:auto;padding:8px 12px;white-space:nowrap}.main-dashboard{min-height:60vh;padding:16px;padding:var(--space-4)}.recording-card{padding:24px 16px!important;padding:var(--space-6) var(--space-4)!important}.recording-time{font-size:36px}.page-header{gap:16px;gap:var(--space-4)}.page-header,.search-form{flex-direction:column}.app-navbar{padding:0 16px;padding:0 var(--space-4)}.app-navbar-links{display:none}}.registration-header-section{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-8);padding:0 8px;padding:0 var(--space-2)}.registration-title{align-items:center;display:flex;gap:16px;gap:var(--space-4)}.registration-title .icon-box{align-items:center;background:#1e293b0d;background:var(--accent-teal-bg);border:1px solid #1e293b1a;border:1px solid var(--accent-teal-border);border-radius:12px;border-radius:var(--radius-lg);color:#1e293b;color:var(--accent-teal);display:flex;height:48px;justify-content:center;width:48px}.registration-title h2{color:#111827;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:4px}.registration-title p{color:#9ca3af;color:var(--text-muted);font-size:14px}.registration-stats .stat-item{align-items:flex-end;display:flex;flex-direction:column}.registration-stats .stat-label{color:#9ca3af;color:var(--text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.registration-stats .stat-value{align-items:center;color:#059669;display:flex;font-size:14px;font-weight:600;gap:6px}.registration-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:1fr 1.2fr}.card-tag{background:#f0f2f5;background:var(--bg-page);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:4px;color:#4b5563;color:var(--text-secondary);display:inline-block;font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:16px;margin-bottom:var(--space-4);padding:4px 8px;text-transform:uppercase}.search-group{margin-top:32px;margin-top:var(--space-8)}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .field-icon{color:#9ca3af;color:var(--text-muted);display:flex;left:14px;position:absolute}.input-with-icon input{font-size:16px!important;font-weight:500;padding-left:42px!important;width:100%}.success-badge.large{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;border-radius:var(--radius-lg);color:#166534;display:flex;flex-direction:column;gap:4px;margin-top:32px;margin-top:var(--space-8);padding:24px;padding:var(--space-6)}.success-badge.large p{font-size:12px;opacity:.8}.details-card.dimmed{filter:grayscale(.5);opacity:.6;pointer-events:none}.details-form{display:flex;flex-direction:column;gap:24px;gap:var(--space-6);margin-top:32px;margin-top:var(--space-8)}.input-row-split{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:.8fr 1.2fr}.registration-footer-info{display:flex;justify-content:center;margin-top:40px;margin-top:var(--space-10)}.registration-footer-info p{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;display:flex;font-size:13px;gap:8px;padding:8px 16px}.loading-spinner-small{border:2px solid #e2e8f0;border-radius:50%;border-top:2px solid var(--accent-teal);height:16px;position:absolute;right:14px;width:16px}@media (max-width:900px){.registration-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-muted)}::selection{background:#1e293b;background:var(--accent-teal)}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--text-primary);line-height:1.3}p{color:#4b5563;color:var(--text-secondary);line-height:1.6}button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family)}.privacy-container{background-color:#f8fafc;min-height:100vh}.privacy-header-bar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.privacy-back-btn{background:none;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s}.privacy-back-btn:hover{background:#f1f5f9;color:#0f172a}.privacy-logo{align-items:center;display:flex;gap:8px}.privacy-logo .logo-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:800;height:28px;justify-content:center;width:28px}.privacy-logo .logo-text{color:#0f172a;font-size:15px;font-weight:800;letter-spacing:1px}.privacy-content{margin:0 auto;max-width:800px;padding:40px 24px 80px}.privacy-title{color:#0f172a;font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.privacy-effective{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:13px;margin-bottom:24px;padding-bottom:24px}.privacy-intro{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-left:4px solid #6366f1;border-radius:12px;margin-bottom:32px;padding:20px 24px}.privacy-intro p{color:#334155;font-size:15px;line-height:1.7;margin:0}.privacy-section{margin-bottom:32px}.privacy-section h2{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:18px;font-weight:800;margin-bottom:12px;padding-bottom:8px}.privacy-section h3{color:#1e293b;font-size:15px;font-weight:700;margin-bottom:8px;margin-top:16px}.privacy-section p{color:#475569;font-size:14px;line-height:1.7;margin-bottom:10px}.privacy-section ul{margin-bottom:12px;padding-left:20px}.privacy-section ul li{color:#475569;font-size:14px;line-height:1.8;margin-bottom:4px}.privacy-section ul li strong{color:#1e293b}.privacy-section ul ul{margin-bottom:4px;margin-top:4px}.privacy-note{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:8px;color:#92400e!important;font-weight:600!important;padding:12px 16px}.grievance-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;margin-top:12px;padding:20px 24px}.grievance-card p{margin-bottom:6px}.privacy-footer-note{border-top:1px solid #e2e8f0;margin-top:40px;padding-top:20px;text-align:center}.privacy-footer-note p{color:#94a3b8;font-size:12px;margin-bottom:4px}.vc-bar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #ffffff1f;bottom:0;box-shadow:0 -4px 24px #0000002e;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;gap:16px;justify-content:space-between;left:0;padding:10px 20px;position:fixed;right:0;transition:background .3s ease;z-index:9900}.vc-bar--listening{background:linear-gradient(135deg,#0f172af5,#1e293bf5)}.vc-bar--paused{background:linear-gradient(135deg,#1e1e1ee6,#2d2d2de6)}.vc-bar-left{flex:1 1;gap:12px;min-width:0}.vc-bar-left,.vc-bar-mic{align-items:center;display:flex}.vc-bar-mic{background:#6366f133;border-radius:50%;color:#a5b4fc;flex-shrink:0;height:36px;justify-content:center;position:relative;width:36px}.vc-bar--paused .vc-bar-mic{background:#64748b33;color:#64748b}.vc-bar-pulse{animation:vc-pulse 1.8s ease-in-out infinite;border:2px solid #6366f199;border-radius:50%;inset:-4px;position:absolute}@keyframes vc-pulse{0%{opacity:.9;transform:scale(1)}50%{opacity:.3;transform:scale(1.35)}to{opacity:.9;transform:scale(1)}}.vc-bar-status{align-items:center;display:flex;gap:10px;min-width:0;overflow:hidden}.vc-bar-label{color:#a5b4fc;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.vc-bar-paused-text{color:#64748b;font-size:12px;font-weight:500}.vc-bar-heard{animation:vc-fade-in .2s ease;color:#ffffffbf;font-size:13px;font-style:italic;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes vc-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.vc-bar-right{flex-shrink:0;gap:8px}.vc-bar-btn,.vc-bar-right{align-items:center;display:flex}.vc-bar-btn{background:#ffffff12;border:1px solid #ffffff26;border-radius:20px;color:#ffffffb3;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;gap:6px;letter-spacing:.03em;padding:6px 14px;transition:all .18s ease}.vc-bar-btn:hover{background:#ffffff24;border-color:#ffffff4d;color:#fffffff2}.vc-bar-help-btn:hover{background:#6366f140;border-color:#6366f180;color:#a5b4fc}.vc-bar-off-btn:hover{background:#ef444433;border-color:#ef444480;color:#f87171}.vc-navbar-toggle{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:600;gap:7px;letter-spacing:.02em;padding:7px 16px;transition:all .2s ease;white-space:nowrap}.vc-navbar-toggle:hover{background:#eff0fe;border-color:#6366f1;color:#4338ca}.vc-navbar-toggle.vc-navbar-toggle--active{background:linear-gradient(135deg,#4f46e5,#6366f1);border-color:#4f46e5;box-shadow:0 2px 12px #4f46e559;color:#fff}.vc-navbar-toggle.vc-navbar-toggle--active:hover{background:linear-gradient(135deg,#4338ca,#4f46e5)}.vc-navbar-dot{animation:vc-dot-pulse 1.6s ease-in-out infinite;background:#a5b4fc;border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes vc-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.vc-toast{align-items:center;animation:vc-toast-in .25s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af2;border:1px solid #6366f166;border-radius:30px;bottom:70px;box-shadow:0 8px 32px #00000059;color:#ffffffe6;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:13px;gap:10px;left:50%;max-width:calc(100vw - 48px);padding:10px 20px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:9910}@keyframes vc-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(12px) scale(.92)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.vc-toast-heard{color:#94a3b8;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis}.vc-toast-arrow{color:#475569;font-size:14px}.vc-toast-check{align-items:center;color:#34d399;display:flex}.vc-toast-action{color:#e2e8f0;font-weight:600}.vc-help-backdrop{align-items:flex-end;animation:vc-backdrop-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;display:flex;inset:0;justify-content:flex-end;padding:0 24px 76px 0;position:fixed;z-index:9950}@keyframes vc-backdrop-in{0%{opacity:0}to{opacity:1}}.vc-help-panel{animation:vc-panel-in .28s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 24px 64px #00000040;display:flex;flex-direction:column;max-height:70vh;max-width:calc(100vw - 32px);overflow:hidden;width:520px}@keyframes vc-panel-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.vc-help-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:18px 20px 14px}.vc-help-header,.vc-help-title{align-items:center;display:flex}.vc-help-title{color:#0f172a;font-size:16px;font-weight:800;gap:10px}.vc-help-close{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s;width:30px}.vc-help-close:hover{background:#f1f5f9;color:#0f172a}.vc-help-subtitle{color:#64748b;font-size:13px;margin:0;padding:10px 20px 0}.vc-help-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:12px 20px 20px}.vc-help-group-label{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:8px;padding:3px 10px;text-transform:uppercase}.vc-help-commands{display:flex;flex-direction:column;gap:6px}.vc-help-row{align-items:flex-start;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:8px 12px}.vc-help-desc{color:#1e293b;flex-shrink:0;font-size:13px;font-weight:600;min-width:160px}.vc-help-patterns{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.vc-help-pill{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-size:11px;font-style:italic;padding:2px 8px}.vc-help-footer{border-top:1px solid #f1f5f9;color:#94a3b8;font-size:12px;padding:12px 20px;text-align:center}:root{--primary-gradient:linear-gradient(135deg,#1e293b,#0f172a);--primary-color:#1e293b;--primary-dark:#0f172a;--primary-light:#334155;--accent-gradient:linear-gradient(135deg,#3b82f6,#2563eb);--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#1e293b26;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-glass:#ffffffb3;--shadow-sm:0 2px 8px #1e293b14;--shadow-md:0 4px 16px #1e293b1f;--shadow-lg:0 8px 32px #1e293b29;--shadow-xl:0 12px 48px #1e293b3d;--spacing-xs:6px;--spacing-sm:10px;--spacing-md:14px;--spacing-lg:20px;--spacing-xl:28px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1)}.main-page-tabs{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffffb3;background:var(--bg-glass);border:1px solid #fffc;border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #1e293b29;box-shadow:var(--shadow-lg);display:flex;gap:10px;gap:var(--spacing-sm);justify-content:center;margin-bottom:28px;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:-webkit-fit-content;max-width:fit-content;overflow:visible;padding:6px;padding:var(--spacing-xs);position:relative}.main-page-tabs:before{background:linear-gradient(135deg,#1e293b,#0f172a);background:var(--primary-gradient);content:"";height:2px;left:0;opacity:.5;position:absolute;right:0;top:0}.tab-button{align-items:center;background:#f1f5f9;border:none;border-radius:10px;border-radius:var(--radius-md);color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;gap:var(--spacing-xs);letter-spacing:.2px;padding:10px 24px;transition:background .2s,color .2s}.tab-button:hover:not(.active){background:#e2e8f0;color:#1e293b}.tab-button.active{background:#1e293b;color:#fff;font-weight:700}.tab-button>span:first-child{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:18px}.patient-history-container{animation:fadeIn .4s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-slow);margin:0 auto;max-width:1400px;padding:28px;padding:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{margin-bottom:28px;margin-bottom:var(--spacing-xl);position:relative;text-align:center}.dashboard-header:after{border-radius:9999px;border-radius:var(--radius-full);bottom:-12px;box-shadow:0 0 10px #1e293b80;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.dashboard-header:after,.dashboard-title{background:linear-gradient(135deg,#1e293b,#0f172a);background:var(--primary-gradient)}.dashboard-title{-webkit-text-fill-color:#0000;align-items:center;-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--text-primary);display:flex;font-size:20px;font-weight:800;gap:14px;gap:var(--spacing-md);justify-content:center;letter-spacing:-.5px;margin:0;text-shadow:0 2px 4px #1e293b1a}.title-icon{filter:drop-shadow(0 2px 4px rgba(30,41,59,.2));font-size:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.search-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--bg-primary);border:2px solid #1e293b26;border:2px solid var(--border-color);border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #1e293b29;box-shadow:var(--shadow-lg);margin-bottom:28px;margin-bottom:var(--spacing-xl);overflow:hidden;padding:28px;padding:var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.search-panel:before{background:linear-gradient(135deg,#1e293b,#0f172a);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.search-panel:hover{border-color:#06b6d44d;box-shadow:0 12px 48px #1e293b3d;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.search-panel h3{align-items:center;color:#1e293b;color:var(--primary-color);display:flex;font-size:24px;font-weight:700;gap:10px;gap:var(--spacing-sm);justify-content:center;letter-spacing:.3px;margin-bottom:20px;margin-bottom:var(--spacing-lg)}.search-form{align-items:stretch;display:flex;flex-wrap:wrap;gap:14px;gap:var(--spacing-md);margin:0 auto;max-width:900px}.patient-id-input{background:#f8fafc;background:var(--bg-secondary);border:2px solid #1e293b26;border:2px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #00000005;color:#0f172a;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:500;min-width:300px;outline:none;padding:18px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.patient-id-input:focus{background:#fff;border-color:#1e293b;border-color:var(--primary-color);box-shadow:0 0 0 4px #1e293b1a,inset 0 2px 4px #00000005;transform:translateY(-1px)}.patient-id-input::placeholder{color:#94a3b8;color:var(--text-muted);font-weight:400}.search-button{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);background:var(--primary-gradient);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 16px #1e293b1f,0 0 20px #1e293b33;box-shadow:var(--shadow-md),0 0 20px #1e293b33;color:#fff;cursor:pointer;display:flex;font-size:16px;font-size:14px;font-weight:700;gap:10px;gap:var(--spacing-sm);justify-content:center;letter-spacing:.5px;min-width:180px;overflow:hidden;padding:18px 36px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.search-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.search-button:hover:not(:disabled){box-shadow:0 8px 32px #1e293b29,0 0 30px #1e293b66;box-shadow:var(--shadow-lg),0 0 30px #1e293b66;transform:translateY(-3px)}.search-button:hover:not(:disabled):before{left:100%}.search-button:active:not(:disabled){transform:translateY(-1px)}.search-button:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.search-button>span{font-size:20px}.error-alert{align-items:center;animation:slideIn .3s cubic-bezier(.4,0,.2,1);animation:slideIn var(--transition-base);background:linear-gradient(135deg,#ef444414,#dc26260a);border:2px solid #ef44444d;border-left:4px solid #ef4444;border-left:4px solid var(--error-color);border-radius:10px;border-radius:var(--radius-md);color:#991b1b;display:flex;font-size:15px;font-weight:600;gap:10px;gap:var(--spacing-sm);margin-left:auto;margin-right:auto;margin-top:20px;margin-top:var(--spacing-lg);max-width:900px;padding:14px 20px;padding:var(--spacing-md) var(--spacing-lg)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-alert strong{font-weight:700}.results-panel{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp var(--transition-slow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--bg-primary);border:2px solid #1e293b26;border:2px solid var(--border-color);border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #1e293b29;box-shadow:var(--shadow-lg);overflow:hidden;padding:28px;padding:var(--spacing-xl);position:relative}.results-panel:before{background:linear-gradient(135deg,#1e293b,#0f172a);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.patient-info-header{border-bottom:2px solid #1e293b26;border-bottom:2px solid var(--border-color);margin-bottom:28px;margin-bottom:var(--spacing-xl);padding-bottom:20px;padding-bottom:var(--spacing-lg);position:relative}.patient-info-header:after{background:linear-gradient(135deg,#1e293b,#0f172a);background:var(--primary-gradient);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100px}.patient-info-header h3{align-items:center;color:#1e293b;color:var(--primary-color);display:flex;font-size:28px;font-weight:700;gap:10px;gap:var(--spacing-sm);justify-content:center;letter-spacing:.3px;margin-bottom:14px;margin-bottom:var(--spacing-md)}.patient-stats{display:flex;flex-wrap:wrap;gap:14px;gap:var(--spacing-md);justify-content:center}.patient-stat-item{align-items:center;background:linear-gradient(135deg,#1e293b14,#0f172a0d);border:2px solid #1e293b26;border:2px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 8px #1e293b14;box-shadow:var(--shadow-sm);color:#475569;color:var(--text-secondary);display:flex;font-size:15px;font-weight:600;gap:10px;gap:var(--spacing-sm);padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.patient-stat-item:hover{background:linear-gradient(135deg,#1e293b1f,#0f172a14);border-color:#06b6d44d;box-shadow:0 4px 16px #1e293b1f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.patient-stat-item>span:first-child{font-size:20px}.patient-stat-item strong{color:#0f172a;color:var(--primary-dark);font-weight:700}.visit-history{display:flex;flex-direction:column;gap:20px;gap:var(--spacing-lg)}.visit-card{background:#fff;border:2px solid #1e293b26;border:2px solid var(--border-color);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #1e293b14;box-shadow:var(--shadow-sm);overflow:hidden;padding:28px;padding:var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.visit-card:before{background:linear-gradient(135deg,#1e293b,#0f172a);background:var(--primary-gradient);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base);width:5px}.visit-card:hover{border-color:#1e293b26;box-shadow:0 8px 32px #1e293b29;box-shadow:var(--shadow-lg);transform:translateX(5px)}.visit-card:hover:before{transform:scaleY(1);transform-origin:top}.visit-card-header{align-items:flex-start;display:flex;gap:20px;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:20px;margin-bottom:var(--spacing-lg)}.visit-card-info{flex:1 1}.visit-badge-container{align-items:center;display:flex;flex-wrap:wrap;gap:14px;gap:var(--spacing-md);margin-bottom:10px;margin-bottom:var(--spacing-sm)}.visit-badge{background:linear-gradient(135deg,#1e293b,#0f172a);background:var(--primary-gradient);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 16px #1e293b1f,0 0 15px #1e293b33;box-shadow:var(--shadow-md),0 0 15px #1e293b33;color:#fff;display:inline-block;font-size:14px;font-size:12px;font-weight:700;letter-spacing:.3px;padding:10px 20px;text-transform:uppercase}.visit-date{color:#475569;color:var(--text-secondary);font-weight:600}.view-summary-btn,.visit-date{align-items:center;display:flex;font-size:14px;gap:6px;gap:var(--spacing-xs)}.view-summary-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--accent-gradient);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 16px #1e293b1f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.3px;padding:14px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.view-summary-btn:hover{box-shadow:0 8px 32px #1e293b29,0 0 20px #3b82f64d;box-shadow:var(--shadow-lg),0 0 20px #3b82f64d;transform:translateY(-3px)}.view-summary-btn:active{transform:translateY(-1px)}.visit-preview{background:linear-gradient(135deg,#1e293b08,#0f172a05);border-left:4px solid #1e293b;border-left:4px solid var(--primary-color);border-radius:10px;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #00000005;color:#475569;color:var(--text-secondary);font-size:15px;font-weight:400;line-height:1.8;padding:20px;padding:var(--spacing-lg)}.no-records-placeholder{color:#94a3b8;color:var(--text-muted);padding:80px 40px;text-align:center}.no-records-icon{font-size:48px;margin-bottom:20px;margin-bottom:var(--spacing-lg);opacity:.4}.no-records-placeholder h4{color:#475569;color:var(--text-secondary);font-size:24px;font-weight:700;margin:0 0 10px;margin:0 0 var(--spacing-sm) 0}.no-records-placeholder p{color:#94a3b8;color:var(--text-muted);font-size:16px;margin:0 auto;max-width:400px}.modal-overlay{align-items:center;animation:fadeIn .2s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);animation:slideUp var(--transition-base);background:#fff;border:2px solid #1e293b26;border:2px solid var(--border-color);border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 12px 48px #1e293b3d,0 0 50px #1e293b33;box-shadow:var(--shadow-xl),0 0 50px #1e293b33;max-height:90vh;max-width:1000px;overflow-y:auto;padding:28px;padding:var(--spacing-xl);position:relative;width:100%}.modal-content:before{background:linear-gradient(135deg,#1e293b,#0f172a);background:var(--primary-gradient);border-radius:18px 18px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:#1e293b0d;border-radius:10px;border-radius:var(--radius-md)}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1e293b,#0f172a);background:var(--primary-gradient);border-radius:10px;border-radius:var(--radius-md)}.modal-content::-webkit-scrollbar-thumb:hover{background:#0f172a;background:var(--primary-dark)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:2px solid #1e293b26;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--spacing-lg);padding-bottom:20px;padding-bottom:var(--spacing-lg)}.modal-header-info h3{align-items:center;color:#1e293b;color:var(--primary-color);display:flex;font-size:28px;font-weight:700;gap:10px;gap:var(--spacing-sm);margin:0 0 10px;margin:0 0 var(--spacing-sm) 0}.modal-header-info p{align-items:center;color:#475569;color:var(--text-secondary);display:flex;font-size:15px;font-weight:500;gap:14px;gap:var(--spacing-md);margin:0}.modal-close-btn{align-items:center;background:#1e293b1a;border:2px solid #1e293b26;border:2px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);color:#1e293b;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;font-size:28px;font-weight:700;height:48px;justify-content:center;line-height:1;padding:10px;padding:var(--spacing-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:48px}.modal-close-btn:hover{background:linear-gradient(135deg,#1e293b,#0f172a);background:var(--primary-gradient);border-color:#0000;box-shadow:0 4px 16px #1e293b1f;box-shadow:var(--shadow-md);color:#fff;transform:rotate(90deg) scale(1.1)}.modal-summary-content{background:linear-gradient(135deg,#1e293b05,#0f172a03);border:2px solid #1e293b26;border:2px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #00000005;color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:400;line-height:1.9;padding:28px;padding:var(--spacing-xl);white-space:pre-wrap}@media (max-width:768px){:root{--spacing-xl:24px;--spacing-lg:20px}.main-page-tabs{flex-wrap:nowrap;gap:4px;justify-content:flex-start;max-width:100%;overflow-x:auto;padding:6px}.tab-button{flex:0 0 auto;font-size:12px;min-width:0;min-width:auto;padding:8px 12px;white-space:nowrap}.tab-button span:last-child{display:inline}.patient-history-container{padding:14px;padding:var(--spacing-md)}.dashboard-title{font-size:24px}.title-icon{font-size:36px}.results-panel,.search-panel{padding:20px;padding:var(--spacing-lg)}.search-form{align-items:stretch;flex-direction:column}.patient-id-input{min-width:100%}.search-button{width:100%}.patient-stats{gap:10px;gap:var(--spacing-sm)}.patient-stat-item{flex:1 1;justify-content:center;min-width:140px}.visit-card{padding:20px;padding:var(--spacing-lg)}.visit-card-header{flex-direction:column}.view-summary-btn{justify-content:center;width:100%}.modal-content{margin:10px;margin:var(--spacing-sm);padding:20px;padding:var(--spacing-lg)}.modal-header{flex-wrap:wrap}}@media (max-width:480px){.tab-button{font-size:13px;gap:6px;padding:10px 18px}.dashboard-title{font-size:28px}.results-panel,.search-panel{padding:14px;padding:var(--spacing-md)}.modal-header-info h3,.patient-info-header h3{font-size:22px}.visit-badge{font-size:11px;padding:8px 16px}}:focus-visible{outline:3px solid #334155;outline:3px solid var(--primary-light);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background:#334155;background:var(--primary-light);color:#fff}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.app-container,.auth-container,body{background:#fff;min-height:100vh}.auth-container{align-items:center;display:flex;justify-content:center;padding:20px}.auth-card{background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000026;max-width:800px;min-height:500px;width:100%}.auth-card,.auth-left{display:flex;overflow:hidden;position:relative}.auth-left{align-items:center;background:#0f172a;flex:1 1;flex-direction:column;justify-content:center;padding:60px 40px}.auth-left:before{background:#ffffff1a;border-radius:50%;content:"";height:200%;position:absolute;right:-20%;top:-50%;transform:rotate(-15deg);width:200%}.auth-welcome{position:relative;text-align:center;z-index:2}.auth-welcome h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px #0000001a}.auth-welcome p{color:#ffffffe6;font-size:16px;line-height:1.5;margin-bottom:32px}.auth-switch-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .3s ease}.auth-switch-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.auth-switch-btn:active{transform:translateY(0) scale(.96)}.auth-right{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 50px}.auth-form-header{margin-bottom:40px;text-align:center}.auth-form-header h3{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:8px}.form-group{margin-bottom:24px;position:relative}.form-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;padding:16px 50px 16px 20px;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b1a;outline:none}.form-input::placeholder,.input-icon{color:#9ca3af}.input-icon{font-size:18px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.forgot-password{margin-bottom:24px;text-align:right}.forgot-password a{color:#1e293b;font-size:14px;font-weight:500;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.auth-submit-btn{background:linear-gradient(135deg,#1e293b,#0f172a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:24px;padding:16px;transition:all .3s ease;width:100%}.auth-submit-btn:hover{box-shadow:0 8px 25px #6366f14d;transform:translateY(-2px)}.auth-submit-btn:active{transform:translateY(0) scale(.98)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.social-divider{color:#9ca3af;font-size:14px;margin:24px 0;position:relative;text-align:center}.social-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.social-divider span{background:#fff;padding:0 16px;position:relative;z-index:2}.social-buttons{gap:12px}.social-btn,.social-buttons{display:flex;justify-content:center}.social-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;font-size:20px;height:48px;transition:all .3s ease;width:48px}.social-btn:hover{border-color:#1e293b;color:#1e293b;transform:translateY(-2px)}.error-message{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px 16px}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #0000000d;box-shadow:0 4px 20px #0000000d;padding:12px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.navbar-brand h1{color:#1e293b;font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}.navbar-subtitle{color:#64748b;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.navbar-link{border-radius:8px;color:#475569;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s ease}.navbar-link:hover{background:#0000000d;color:#1e293b}.navbar-link.active{background:#1e293b1a;color:#1e293b}.navbar-user{align-items:center;display:flex;gap:20px}.user-info{align-items:flex-end;color:#1e293b;display:flex;flex-direction:column}.user-name{font-size:16px;font-weight:600}.user-email{font-size:14px;opacity:.7}.main-content{flex:1 1}.controls-container{margin:0 auto;max-width:1400px;padding:40px 20px}.controls-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:30px}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 35px #0000001a;padding:32px}.card-header{gap:16px;margin-bottom:28px}.card-header,.icon-circle{align-items:center;display:flex}.icon-circle{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:50%;font-size:28px;height:56px;justify-content:center;width:56px}.card-title{color:#1e293b;font-size:24px;font-weight:700}.card-subtitle{color:#64748b;font-size:14px;margin-bottom:20px;margin-left:72px;margin-top:-20px}.button-group{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 28px;transition:all .3s ease}.btn:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.btn:active{box-shadow:0 2px 8px #0000001a;transform:translateY(0) scale(.96)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff}.btn-start{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-generate{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff}.btn-back{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.btn-logout{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:14px;padding:12px 24px}.btn-full{width:100%}.status-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #1e293b;border-radius:12px;margin-bottom:24px;padding:16px 20px}.status-label{color:#1e40af;font-weight:600;margin-bottom:4px}.status-text{color:#1e3a8a;font-size:15px}.alert{align-items:center;border-radius:12px;display:flex;font-size:15px;gap:12px;margin-bottom:24px;padding:16px 20px}.alert-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;color:#92400e}.alert-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;color:#991b1b}.alert-icon{font-size:20px}.live-results-section{margin-top:28px}.section-header{justify-content:space-between;margin-bottom:16px}.section-title{font-size:18px;font-weight:700}.status-badge{border-radius:20px;font-size:13px;font-weight:600;padding:6px 14px}.status-badge,.status-badge.idle{background:#f1f5f9;color:#64748b}.status-badge.recording{animation:pulse 2s infinite;background:#fef2f2;color:#dc2626}.results-placeholder{color:#64748b;padding:60px 20px;text-align:center}.results-icon{font-size:40px;margin-bottom:16px;opacity:.4}.results-message{color:#475569;font-size:18px;font-weight:600;margin-bottom:12px}.results-submessage{color:#94a3b8;font-size:14px}.live-textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;min-height:400px;padding:16px;resize:vertical;width:100%}.live-textarea:focus{background:#fff;border-color:#1e293b;outline:none}.summary-container{margin:0 auto;max-width:1200px;padding:40px 20px}.back-button-container{margin-bottom:24px}.loading-text{color:#64748b;font-size:16px;padding:40px;text-align:center}.summary-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 35px #0000001a;padding:32px}.summary-pre{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.8;padding:24px;white-space:pre-wrap}.visualizer{align-items:center;display:flex;gap:4px;height:60px;justify-content:center;margin-top:24px}.bar{animation:wave 1.2s ease-in-out infinite;background:linear-gradient(180deg,#1e293b,#0f172a);border-radius:3px;width:6px}.bar:first-child{animation-delay:0s;height:20px}.bar:nth-child(2){animation-delay:.1s;height:30px}.bar:nth-child(3){animation-delay:.2s;height:40px}.bar:nth-child(4){animation-delay:.3s;height:35px}.bar:nth-child(5){animation-delay:.4s;height:50px}.bar:nth-child(6){animation-delay:.5s;height:45px}.bar:nth-child(7){animation-delay:.6s;height:55px}.bar:nth-child(8){animation-delay:.7s;height:40px}.bar:nth-child(9){animation-delay:.8s;height:35px}.bar:nth-child(10){animation-delay:.9s;height:45px}.bar:nth-child(11){animation-delay:1s;height:30px}.bar:nth-child(12){animation-delay:1.1s;height:25px}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}@media (max-width:768px){.auth-card{flex-direction:column;max-width:480px}.auth-left,.auth-right{padding:40px 30px}.controls-grid{gap:20px;grid-template-columns:1fr}.navbar{padding:16px 20px}.navbar-content{flex-direction:column;gap:16px;text-align:center}.controls-container{padding:20px 16px}}.dashboard-container{background:linear-gradient(135deg,#e8eaf6,#c5cae9 50%,#9fa8da);min-height:calc(100vh - 80px);padding:20px}.dashboard-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:280px 1fr;height:calc(100vh - 120px);margin:0 auto;max-width:1400px}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#374151f2;border-radius:20px;box-shadow:0 15px 35px #0000001a;overflow:hidden;padding:0}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px}.hamburger-menu{cursor:pointer;display:flex;flex-direction:column;gap:4px}.hamburger-line{background:#ffffffb3;border-radius:2px;height:3px;transition:all .3s ease;width:24px}.sidebar-nav{padding:20px 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#ffffffb3;cursor:pointer;display:flex;gap:16px;padding:16px 24px;transition:all .3s ease}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#6366f133;border-left-color:#6366f1;color:#fff}.nav-icon{font-size:18px;text-align:center;width:20px}.nav-text{font-size:15px;font-weight:500}.main-dashboard{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;height:100%}.dashboard-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 35px #0000001a;display:flex;flex-direction:column;padding:32px}.card-header-dash{margin-bottom:32px}.card-header-dash h3{color:#1e293b;font-size:24px;font-weight:700;margin:0}.recording-card{text-align:center}.recording-card,.waveform-container{align-items:center;justify-content:center}.waveform-container{display:flex;height:120px;margin:40px 0;max-width:400px;width:100%}.waveform{height:100%;width:100%}.waveform path{transition:all .3s ease}.waveform-active path{animation:waveAnimation 2s ease-in-out infinite}@keyframes waveAnimation{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.5)}}.recording-controls{align-items:center;display:flex;flex-direction:column;gap:20px}.mic-button{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:50%;box-shadow:0 8px 25px #1e293b4d;cursor:pointer;display:flex;height:80px;justify-content:center;position:relative;transition:all .3s ease;width:80px}.mic-button:hover{box-shadow:0 12px 35px #22d3ee66;transform:translateY(-2px)}.mic-button.recording{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 25px #ef44444d}.mic-icon{color:#fff;font-size:24px}.pulse-ring{animation:pulse 2s infinite;border:3px solid #22d3ee80;border-radius:50%;height:100px;position:absolute;width:100px}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.recording-time{color:#1e293b;font-family:Courier New,monospace;font-size:32px;font-weight:700}.recording-status{color:#64748b;font-size:16px;font-weight:500}.summary-card-live{position:relative}.summary-content-live{flex:1 1;margin-bottom:24px;max-height:400px;overflow-y:auto}.summary-list{display:flex;flex-direction:column;gap:16px}.summary-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.summary-item:hover{background:#f1f5f9;border-color:#cbd5e1}.summary-number{background:#6366f11a;border-radius:6px;color:#6366f1;font-size:14px;font-weight:700;height:-webkit-fit-content;height:fit-content;min-width:32px;padding:4px 8px;text-align:center}.summary-text-live{color:#1e293b;flex:1 1;font-size:15px;line-height:1.6}.summary-placeholder{color:#64748b;padding:40px 20px;text-align:center}.placeholder-icon{font-size:32px;margin-bottom:12px;opacity:.5}.placeholder-title{color:#475569;font-size:18px;font-weight:600;margin-bottom:20px}.placeholder-content{text-align:left}.sample-summary{display:flex;flex-direction:column;gap:12px;opacity:.7}.highlight-medical{color:#6366f1;font-weight:600}.highlight-symptom{color:#f59e0b;font-weight:600}.highlight-condition{color:#ef4444;font-weight:600}.highlight-urgent{background:#dc26261a;border-radius:4px;color:#dc2626;font-weight:700;padding:2px 6px}.summary-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.summary-loading p{font-size:16px;font-weight:500;margin:0}.summary-empty{min-height:200px}.generate-btn,.summary-empty{align-items:center;display:flex;justify-content:center}.generate-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;gap:8px;padding:16px 24px;transition:all .3s ease}.generate-btn:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.btn-icon{font-size:18px;font-weight:700}.summary-page{margin:0 auto;max-width:1200px;padding:20px}.summary-header{align-items:center;display:flex;gap:24px;margin-bottom:32px}.back-btn{background:#ffffffe6;border:1px solid #6366f133;border-radius:12px;color:#6366f1;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.back-btn:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.summary-header h2{color:#1e293b;font-size:32px;font-weight:700;margin:0}.summary-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 35px #0000001a;padding:40px}.summary-status{align-items:center;border-radius:12px;display:flex;font-size:16px;font-weight:500;gap:12px;margin-bottom:24px;padding:20px}.summary-status.generating{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;color:#92400e}.summary-status.loading{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6;color:#1e40af}.summary-status.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;color:#991b1b}.status-icon{font-size:20px}.summary-content{max-height:600px;overflow-y:auto}.summary-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.8;margin:0;padding:24px;white-space:pre-wrap}@media (max-width:1024px){.dashboard-content{gap:16px;grid-template-columns:1fr}.sidebar{height:auto;order:2}.main-dashboard{grid-template-columns:1fr;order:1}}@media (max-width:768px){.dashboard-container{padding:16px}.dashboard-card{padding:24px}.mic-button{height:60px;width:60px}.mic-icon,.recording-time{font-size:24px}.summary-header{align-items:flex-start;flex-direction:column;gap:16px}.summary-card{padding:24px}}.live-soap-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-height:600px;overflow-y:auto;padding:24px}.soap-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.soap-header h3{color:#1e293b;font-size:20px;margin:0}.completion-indicator{align-items:center;display:flex;gap:8px}.progress-circle{align-items:center;background:conic-gradient(#3b82f6 0,#e2e8f0 0);background:conic-gradient(#3b82f6 var(--progress,0),#e2e8f0 0);border-radius:50%;color:#1e293b;display:flex;font-size:12px;font-weight:600;height:50px;justify-content:center;position:relative;width:50px}.progress-circle:before{background:#fff;border-radius:50%;content:"";height:36px;position:absolute;width:36px;z-index:1}.progress-circle span{position:relative;z-index:2}.completion-text{color:#64748b;font-size:14px}.soap-sections{display:flex;flex-direction:column;gap:16px}.soap-section{border:2px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .3s ease}.soap-section.pending{background:#f8fafc;border-color:#e2e8f0}.soap-section.building{animation:building-pulse 2s infinite;background:#fffbeb;border-color:#fbbf24}.soap-section.complete{background:#ecfdf5;border-color:#10b981}@keyframes building-pulse{0%,to{opacity:1}50%{opacity:.8}}.section-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.status-icon{font-size:18px}.section-title{color:#1e293b;flex:1 1;font-size:16px;font-weight:600;margin:0}.confidence-bar{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden;width:60px}.confidence-fill{background:#3b82f6;height:100%;transition:width .3s ease}.section-content p{color:#475569;font-size:14px;line-height:1.6;margin:0}.placeholder-text{color:#94a3b8!important;font-style:italic}.soap-footer{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:16px;text-align:center}.last-updated{color:#64748b;font-size:12px}.live-soap-placeholder{color:#64748b;padding:60px 20px;text-align:center}.soap-icon{font-size:48px;margin-bottom:16px;opacity:.7}.live-soap-placeholder h3{color:#475569;margin-bottom:8px}.live-soap-placeholder p{color:#64748b;margin:0}.info-banner.corrected-sections{align-items:center;background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid #10b9814d;border-radius:8px;color:#065f46;display:flex;font-size:14px;font-weight:500;gap:12px;margin:16px 0;padding:12px 16px}.info-banner.corrected-sections .info-icon{font-size:18px}.info-banner.corrected-sections .info-text{flex:1 1}
/*# sourceMappingURL=main.81aff956.css.map*/