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}.min-h-screen{min-height:100vh}.bg-white{background-color:#fff}.container{margin:0 auto;max-width:80rem;padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}.nav-container{position:fixed;transition:all .3s;width:100%;z-index:50}.nav-scrolled{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fffffff2;box-shadow:0 10px 15px -3px #0000001a}.nav-transparent{background-color:initial}.nav-content{padding:1rem 0}.nav-content,.nav-content-full{align-items:center;display:flex;justify-content:space-between}.nav-content-full{padding:1rem 2rem;width:100%}@media (max-width:767px){.nav-content-full{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:auto 1fr auto auto}.nav-content-full>:first-child{grid-column:1}.nav-right-section{grid-column:3;margin-left:auto}.mobile-menu-button{grid-column:4}}.logo{background:linear-gradient(90deg,#2563eb,#9333ea);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;font-weight:700}.nav-right-section{align-items:center;display:flex;gap:1rem}@media (min-width:768px){.nav-right-section{gap:2rem}}.desktop-menu{align-items:center;display:none;gap:2rem}@media (min-width:768px){.desktop-menu{display:flex}}.nav-link{color:#374151;transition:color .3s}.mobile-menu-button{background:none;border:none;color:#374151;cursor:pointer;display:block}@media (min-width:768px){.mobile-menu-button{display:none}}.mobile-menu{background-color:#fff;border-top:1px solid #e5e7eb;box-shadow:0 10px 15px -3px #0000001a;left:0;padding:.5rem 1rem;position:absolute;top:100%;width:100%}.mobile-menu-link{background:none;border:none;color:#374151;cursor:pointer;display:block;font-family:inherit;font-size:inherit;padding:.5rem 0;text-align:left;text-decoration:none;transition:color .3s;width:100%}.mobile-menu-link:hover{color:#2563eb}.btn{align-items:center;border:none;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;text-decoration:none;transition:all .3s}.btn-primary{background:linear-gradient(90deg,#2563eb,#9333ea);border-radius:9999px;color:#fff;padding:.5rem 1.5rem}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a;transform:scale(1.05)}.btn-primary-large{background:linear-gradient(90deg,#2563eb,#9333ea);border-radius:9999px;color:#fff;font-size:1.125rem;padding:1rem 2rem}.btn-primary-large:hover{box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.05)}.btn-secondary{background:#fff;border:2px solid #d1d5db;border-radius:9999px;color:#374151;font-size:1.125rem;padding:1rem 2rem}.btn-secondary:hover{border-color:#2563eb;color:#2563eb}.btn-back{align-items:center;background:none;border:none;color:#4b5563;display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin-bottom:2rem;transition:color .3s}.btn-back:hover{color:#2563eb}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero-bg-gradient{background:linear-gradient(to bottom right,#dbeafe,#e9d5ff,#fce7f3);inset:0;position:absolute}.hero-bg-overlay{background-color:#fff6;inset:0;position:absolute}.hero-content{margin:0 auto;max-width:64rem;position:relative;text-align:center;z-index:10}.animated-bg-element{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:50%;filter:blur(60px);position:absolute}.animated-bg-element-1{background:linear-gradient(to bottom right,#60a5fa33,#9333ea33);height:20rem;right:-10rem;top:-10rem;width:20rem}.animated-bg-element-2{animation-delay:1s;background:linear-gradient(to bottom right,#9333ea33,#ec489933);bottom:-10rem;height:24rem;left:-10rem;width:24rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.heading-hero{color:#111827;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}@media (min-width:768px){.heading-hero{font-size:4.5rem}}.heading-section{color:#111827;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}@media (min-width:768px){.heading-section{font-size:3rem}}.gradient-text{background:linear-gradient(90deg,#2563eb,#9333ea);-webkit-background-clip:text;background-clip:text;color:#0000}.subtitle{color:#4b5563;font-size:1.25rem;line-height:1.75;margin-bottom:2rem}@media (min-width:768px){.subtitle{font-size:1.5rem}}.paragraph{color:#374151;font-size:1.125rem;line-height:1.75;margin-bottom:3rem}.section{padding:5rem 0}.section-gray{background:linear-gradient(to bottom right,#f9fafb,#f3f4f6)}.feature-grid{grid-gap:2rem;display:grid;gap:2rem;margin-top:4rem}@media (min-width:768px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.feature-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background:linear-gradient(to bottom right,#f9fafb,#f3f4f6);border-radius:1rem;padding:1.5rem;transition:all .3s}.feature-card:hover{background:linear-gradient(to bottom right,#dbeafe,#e9d5ff);box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.05)}.feature-icon{color:#2563eb;margin-bottom:1rem;transition:color .3s}.feature-card:hover .feature-icon{color:#9333ea}.feature-title{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-description{color:#4b5563;line-height:1.75}.grid-two-column{grid-gap:3rem;align-items:center;display:grid;gap:3rem}@media (min-width:1024px){.grid-two-column{grid-template-columns:repeat(2,1fr)}}.contact-info{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.contact-icon-wrapper{border-radius:50%;padding:.75rem}.contact-icon-blue{background-color:#dbeafe}.contact-icon-purple{background-color:#e9d5ff}.contact-icon-pink{background-color:#fce7f3}.contact-icon{height:1.5rem;width:1.5rem}.contact-title{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.contact-detail{color:#4b5563}.footer{background-color:#111827;color:#d1d5db;padding:3rem 0}.footer-content{text-align:center}.footer-logo{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.875rem;font-weight:700;margin-bottom:1rem}.footer-tagline{color:#9ca3af;margin-bottom:1.5rem}.footer-divider{border-top:1px solid #374151;padding-top:2rem}.footer-copyright{color:#6b7280}.flex{display:flex}.items-center{align-items:center}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.gap-4{gap:1rem}.flex-center{align-items:center;display:flex;justify-content:center}.flex-column{display:flex;flex-direction:column}@media (min-width:640px){.flex-row-sm{flex-direction:row}}.icon-arrow{height:1.25rem;margin-left:.5rem;transition:transform .3s;width:1.25rem}.btn:hover .icon-arrow{transform:translateX(.25rem)}.scroll-indicator{animation:bounce 1s infinite;bottom:2rem;left:50%;position:absolute;transform:translateX(-50%)}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-.5rem)}}.mvp-container{padding:2rem 0}.page-description{color:#4b5563;font-size:1.125rem}.voice-recorder{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;margin:2rem auto;max-width:600px;padding:2rem}@media (min-width:1024px){.voice-recorder{max-width:1200px;padding:2.5rem}}@media (min-width:1280px){.voice-recorder{max-width:1400px;padding:3rem}}.recorder-container{display:flex;flex-direction:column;gap:1.5rem}.recorder-title{color:#111827;font-size:1.5rem;font-weight:600;margin-bottom:0;text-align:center}.recording-controls{align-items:center;display:flex;flex-direction:column;gap:1rem}.record-btn{font-size:1.125rem;font-weight:600;gap:.5rem;justify-content:center;min-width:180px;padding:1rem 2rem}.record-btn,.record-options{align-items:center;display:flex}.record-options{flex-direction:column;gap:1rem}@media (min-width:768px){.record-options{flex-direction:row;justify-content:center}}.or-divider{color:#6b7280;font-size:.875rem;font-weight:500;padding:0 1rem}.paste-input-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;margin-top:1.5rem;padding:1.5rem}.paste-input-container{display:flex;flex-direction:column;gap:1rem}.paste-label{color:#374151;font-size:1rem;font-weight:500}.paste-textarea{border:1px solid #d1d5db;border-radius:.5rem;font-family:inherit;font-size:.875rem;line-height:1.5;min-height:120px;padding:.75rem;resize:vertical;width:100%}.paste-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.paste-textarea:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.paste-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}@media (max-width:640px){.paste-actions{flex-direction:column}.paste-actions button{width:100%}}.btn-danger{background:linear-gradient(90deg,#ef4444,#dc2626);border:none;border-radius:9999px;color:#fff;cursor:pointer;transition:all .3s}.btn-danger:hover{box-shadow:0 10px 15px -3px #ef44444d;transform:scale(1.05)}.btn-danger:disabled{cursor:not-allowed;opacity:.5;transform:none}.recording-indicator{align-items:center;color:#ef4444;display:flex;font-weight:600;gap:.5rem}.recording-dot{animation:pulse 1s infinite;background-color:#ef4444;border-radius:50%;height:12px;width:12px}.playback-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.playback-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.playback-controls .btn{min-width:auto;padding:.75rem}.time-display{color:#374151;font-family:Courier New,monospace;font-size:.875rem;font-weight:600;margin-left:auto}.progress-container{background-color:#e5e7eb;border-radius:3px;height:6px;margin:.5rem 0;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#2563eb,#9333ea);height:100%;transition:width .1s ease}.volume-control{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.volume-slider{background:#e5e7eb;border-radius:2px;cursor:pointer;flex:1 1;height:4px;max-width:120px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#2563eb,#9333ea);border-radius:50%;cursor:pointer;height:16px;width:16px}.volume-slider::-moz-range-thumb{background:linear-gradient(90deg,#2563eb,#9333ea);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.action-buttons .btn{align-items:center;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1.5rem}.transcription-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;margin-top:2rem;padding:1.5rem}.transcription-title{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.transcription-error{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#b91c1c;padding:1rem}.error-help{color:#7f1d1d;font-size:.875rem;margin-top:.5rem}.transcription-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:1rem;padding:2rem}.transcription-content{margin-bottom:1.5rem}.transcription-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.confidence-badge{align-items:center;background:linear-gradient(90deg,#2563eb,#9333ea);border-radius:9999px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.transcription-text{word-wrap:break-word;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;font-size:1rem;line-height:1.75;min-height:4rem;padding:1.5rem;white-space:pre-wrap}.medical-terms{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.medical-terms-title{align-items:center;color:#0369a1;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.medical-terms-list{display:flex;flex-wrap:wrap;gap:.5rem}.medical-term{align-items:center;background:#fff;border:1px solid #0ea5e9;border-radius:9999px;color:#0369a1;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.term-count{color:#7dd3fc;font-weight:400}.cpt-codes-section{background-color:#fef3c7;border:1px solid #fcd34d;border-radius:.75rem;margin-top:1.5rem;padding:1.5rem}.cpt-codes-title{align-items:center;color:#92400e;font-weight:600;gap:.5rem;margin-bottom:.5rem}.cpt-codes-title,.cpt-summary{display:flex;font-size:.875rem}.cpt-summary{gap:1rem;margin-bottom:1rem}.cpt-summary-item{background-color:#fff;border:1px solid #fbbf24;border-radius:.375rem;padding:.25rem .75rem}.cpt-codes-list{display:flex;flex-direction:column;gap:1rem}.cpt-code-item{background-color:#fff;border:1px solid #f59e0b;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;padding:1rem;transition:all .2s ease}.cpt-code-item.validated{background-color:#f0fdf4;border-color:#10b981}.cpt-code-item.umls-only{background-color:#eff6ff;border-color:#3b82f6}.cpt-code-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.cpt-code-badges{align-items:center;display:flex;gap:.5rem}.badge{border-radius:.25rem;font-size:.625rem;font-weight:600;padding:.125rem .5rem;text-transform:uppercase}.badge-validated{background-color:#10b981;color:#fff}.badge-umls{background-color:#3b82f6;color:#fff}.badge-icd10{background-color:#8b5cf6;color:#fff}.cpt-code-number{color:#d97706;font-size:1.125rem;font-weight:700}.cpt-confidence{background-color:#fef3c7;border-radius:.25rem;color:#92400e;font-size:.75rem;padding:.25rem .5rem}.cpt-code-description{color:#451a03;font-size:.875rem;margin:0 0 .5rem}.cpt-official-description{background-color:#d1fae5;border-radius:.25rem;color:#065f46;font-size:.75rem;margin:.5rem 0;padding:.5rem}.cpt-keywords{border-top:1px solid #fcd34d;color:#78350f;font-size:.75rem;margin-top:.5rem;padding-top:.5rem}.cpt-keywords-label{font-weight:600;margin-right:.25rem}.cpt-code-item.icd10-variant{background-color:#faf5ff;border-color:#a78bfa}.cpt-code-category{background-color:#f3e8ff;border-radius:.25rem;color:#6b21a8;display:inline-block;font-size:.75rem;margin-top:.5rem;padding:.25rem .5rem}.category-label{font-weight:600}.auth-prompt-card{align-items:center;background:linear-gradient(180deg,#f9fafb,#f3f4f6);border:2px dashed #d1d5db;border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:2rem;text-align:center}.auth-prompt-title{color:#374151;font-size:1.125rem;font-weight:600;margin:0}.auth-prompt-text{color:#6b7280;font-size:.875rem;margin:0}.auth-prompt-highlight{animation:pulse-text 2s ease-in-out infinite;background:linear-gradient(90deg,#2563eb,#9333ea);-webkit-background-clip:text;background-clip:text;color:#0000;font-weight:600}@keyframes pulse-text{0%,to{opacity:.7}50%{opacity:1}}.medical-codes-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}@media (min-width:1024px){.medical-codes-container{align-items:flex-start;flex-direction:row}.medical-codes-container .cpt-codes-section{flex:1 1;margin-top:0;min-width:450px}}@media (min-width:1280px){.medical-codes-container .cpt-codes-section{min-width:500px}}.transcription-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.btn-small{font-size:.875rem;padding:.5rem 1rem}.animate-spin{animation:spin 1s linear infinite}@media (max-width:640px){.voice-recorder{margin:1rem;padding:1.5rem}.playback-controls{justify-content:center}.time-display{margin-left:0;margin-top:.5rem;text-align:center;width:100%}.action-buttons{flex-direction:column}.action-buttons .btn{justify-content:center;width:100%}.transcription-section{margin-top:1.5rem;padding:1rem}.transcription-actions{flex-direction:column}.transcription-actions .btn{justify-content:center;width:100%}.medical-terms-list{justify-content:center}}@keyframes pulse-border{0%{box-shadow:0 0 0 0 #3b82f6b3}50%{box-shadow:0 0 0 4px #3b82f64d}to{box-shadow:0 0 0 0 #3b82f600}}@keyframes pulse-gradient{0%,to{box-shadow:0 1px 3px #00000014,0 0 0 0 #2563eb80}50%{box-shadow:0 1px 3px #00000014,0 0 0 3px #9333ea33}}.medical-examples-container{margin:1.5rem 0;text-align:center}.show-examples-btn{align-items:center;display:inline-flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.show-examples-btn:hover{box-shadow:0 8px 25px -8px #3b82f64d;transform:translateY(-2px)}.examples-section{background:linear-gradient(to bottom right,#f9fafb,#f1f5f9);border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;margin:1rem 0;padding:2rem}.examples-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.examples-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.example-counter{background:#fff;border:1px solid #e2e8f0;border-radius:9999px;color:#64748b;font-size:.875rem;padding:.25rem .75rem}.example-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 2px 4px -1px #0000000f;padding:1.5rem}.example-subtitle{color:#0f172a;font-size:1.125rem;font-weight:600;margin:0 0 1rem;text-align:left}.example-text-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.example-text{color:#334155;font-style:italic;line-height:1.6;margin:0;text-align:left}.example-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-bottom:1.5rem}.btn-icon-text{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.btn-icon-text:hover{background:#f9fafb;border-color:#2563eb;color:#2563eb;transform:translateY(-1px)}.btn-next{background:linear-gradient(90deg,#2563eb,#9333ea);border:none;color:#fff}.btn-next:hover{background:linear-gradient(90deg,#1d4ed8,#7c3aed);box-shadow:0 4px 12px -2px #3b82f64d;color:#fff;transform:translateY(-1px)}.expected-codes{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;padding:1rem}.expected-codes-label{color:#0369a1;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.expected-codes-grid{display:flex;flex-direction:column;gap:.5rem}@media (min-width:640px){.expected-codes-grid{flex-direction:row;gap:1.5rem}}.expected-code-group{align-items:center;display:flex;gap:.5rem}.code-type-label{background:#fff;border:1px solid #0ea5e9;border-radius:.25rem;color:#0284c7;font-size:.75rem;font-weight:600;min-width:60px;padding:.25rem .5rem;text-align:center}.code-list{color:#1e40af;font-family:Courier New,monospace;font-size:.875rem;font-weight:500}.hide-examples-btn{font-size:.875rem;margin-top:1.5rem}@media (max-width:640px){.examples-section{margin:.5rem 0;padding:1.5rem}.examples-header{flex-direction:column;gap:.5rem;text-align:center}.example-card{padding:1rem}.btn-icon-text,.example-actions{justify-content:center}.btn-icon-text{flex:1 1;min-width:120px}}.navigation-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navigation-sidebar{background:linear-gradient(180deg,#fff,#f9fafb);box-shadow:4px 0 30px #00000026;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:100}.navigation-sidebar.open{transform:translateX(0)}.sidebar-header{align-items:center;background:linear-gradient(90deg,#2563eb0d,#9333ea0d);border-bottom:2px solid #0000;border-image:linear-gradient(90deg,#2563eb,#9333ea) 1;display:flex;justify-content:space-between;padding:1.5rem}.sidebar-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#9333ea);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.sidebar-close{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #00000014;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s ease}.sidebar-close:hover{background:#f3f4f6;border-color:#2563eb;color:#2563eb;transform:rotate(90deg)}.sidebar-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.nav-list{list-style:none;margin:0;padding:1rem 0}.nav-list li{margin-bottom:.25rem}.nav-link{align-items:center;color:#4b5563;display:flex;font-weight:500;gap:.75rem;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-decoration:none;transition:all .2s ease}.nav-link:before{background:linear-gradient(90deg,#2563eb,#9333ea);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0}.nav-link:hover{background:linear-gradient(90deg,#2563eb0d,#9333ea0d);color:#2563eb;padding-left:2rem}.nav-link:hover:before{width:3px}.nav-link.active{background:linear-gradient(90deg,#2563eb1a,#9333ea1a);color:#2563eb;font-weight:600;padding-left:2rem}.nav-link.active:before{width:3px}.sidebar-footer{background:linear-gradient(90deg,#2563eb05,#9333ea05);border-image:linear-gradient(90deg,#2563eb33,#9333ea33) 1;border-top:2px solid #0000;padding:1.5rem}.user-info{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;gap:.75rem;padding:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#2563eb,#9333ea);border-radius:50%;box-shadow:0 2px 8px #2563eb40;color:#fff;font-size:1.125rem;font-weight:600;height:42px;justify-content:center;width:42px}.user-details{flex:1 1}.user-email{color:#374151;margin:0 0 .25rem}.sign-out-link,.user-email{font-size:.875rem;font-weight:500}.sign-out-link{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:inline-flex;gap:.25rem;padding:0;text-decoration:none;transition:all .2s ease}.sign-out-link:hover{color:#dc2626;transform:translateX(2px)}.sidebar-toggle{align-items:center;background:linear-gradient(180deg,#fff,#f9fafb);background-clip:padding-box;border:1.5px solid #0000;border-radius:.5rem;box-shadow:0 1px 3px #00000014;color:#374151;cursor:pointer;display:flex;justify-content:center;padding:.625rem;position:relative;transition:all .3s ease}.sidebar-toggle.pulse-animation{animation:pulse-gradient 2s infinite}.sidebar-toggle:before{background:linear-gradient(90deg,#e5e7eb,#e5e7eb);border-radius:.5rem;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;position:absolute;transition:background .3s ease}.sidebar-toggle:hover{box-shadow:0 3px 8px #0000001f;color:#2563eb;transform:translateY(-1px)}.sidebar-toggle:hover:before{background:linear-gradient(90deg,#2563eb,#9333ea)}.recording-history-panel{background:#fff;box-shadow:4px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(0);transition:transform .3s ease;width:400px;z-index:100}@media (max-width:768px){.recording-history-panel{width:100%}}.recording-history-header{align-items:center;background:linear-gradient(180deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.recording-history-title{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.recording-history-content{flex:1 1;overflow-y:auto;padding:1.5rem}.recordings-list{display:flex;flex-direction:column;gap:1rem}.recording-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;transition:all .2s ease}.recording-item:hover{border-color:#2563eb;box-shadow:0 4px 12px #0000000d}.recording-header{align-items:center;display:flex;justify-content:space-between;padding:1rem}.recording-title{font-size:1rem;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-metadata{color:#6b7280;display:flex;font-size:.75rem;gap:1rem}.metadata-item{align-items:center;display:flex;gap:.25rem}.recording-actions{display:flex;gap:.5rem}.btn-icon{background:#f9fafb;border:1.5px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 3px #00000014;color:#374151;cursor:pointer;padding:.5rem;transition:all .2s ease}.btn-icon:hover{background:#f3f4f6;border-color:#2563eb;box-shadow:0 2px 5px #2563eb26;color:#2563eb;transform:translateY(-1px)}.toggle-details-button{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border:2px solid #2563eb!important;color:#2563eb!important}.toggle-details-button:hover{background:linear-gradient(180deg,#f3f4f6,#e5e7eb);transform:scale(1.05)}.recording-details{border-top:1px solid #e5e7eb;padding:0 1rem 1rem}.detail-section{margin-top:1rem}.detail-title{align-items:center;color:#374151;display:flex;font-weight:600;gap:.5rem}.detail-title,.transcript-text{font-size:.875rem;margin-bottom:.5rem}.transcript-text{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#4b5563;line-height:1.5;padding:.75rem}.codes-list{display:flex;flex-direction:column;gap:.5rem}.code-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem}.code-number{color:#2563eb;font-weight:600;min-width:60px}.code-description{color:#4b5563;flex:1 1}.loading-container{color:#6b7280;gap:1rem}.empty-state,.loading-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.empty-state{gap:.5rem}.empty-state-text{color:#374151;font-size:1.125rem;font-weight:600;margin:0}.empty-state-subtext{color:#6b7280;font-size:.875rem;margin:0}.history-toggle-button{align-items:center;background:linear-gradient(90deg,#2563eb,#9333ea);border:none;border-radius:9999px;bottom:1rem;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;left:1rem;padding:.75rem 1.5rem;position:fixed;transition:all .3s ease;z-index:90}.history-toggle-button:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.history-page{background:#f9fafb;min-height:100vh;padding:2rem}.history-header{margin-bottom:2rem}.page-title{color:#111827;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.history-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.5rem}.stat-icon{background:linear-gradient(90deg,#2563eb1a,#9333ea1a);border-radius:.5rem;color:#2563eb;height:48px;padding:.75rem;width:48px}.stat-value{color:#111827;font-size:2rem;font-weight:700;margin:0}.stat-label{color:#6b7280;font-size:.875rem;margin:0}.history-controls{display:flex;gap:1rem;margin-bottom:2rem}.search-box{flex:1 1;position:relative}.search-icon{color:#6b7280;height:20px;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-input{border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.recordings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.recording-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease}.recording-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.recording-card-header{align-items:start;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.recording-info{flex:1 1}.recording-title{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.recording-meta{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.recording-meta svg{height:16px;width:16px}.codes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.empty-message,.error-message,.loading-message{color:#6b7280;font-size:1.125rem;padding:4rem 2rem;text-align:center}.error-message{color:#dc2626}@media (max-width:768px){.history-page{padding:1rem}.recordings-grid{grid-template-columns:1fr}.history-controls{flex-direction:column}}.feedback-page{background:#f9fafb;min-height:100vh;padding:2rem}.feedback-header{margin-bottom:2rem}.feedback-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.feedback-controls{display:flex;gap:1rem;margin-bottom:2rem}.filter-group{align-items:center;display:flex;gap:.5rem}.filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.feedback-list{display:flex;flex-direction:column;gap:1.5rem}.feedback-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease}.feedback-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.feedback-card-header{align-items:start;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.feedback-meta{display:flex;flex-direction:column;gap:.75rem}.feedback-badges{display:flex;flex-wrap:wrap;gap:.5rem}.feedback-date{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.feedback-actions{gap:1rem}.delete-feedback-btn,.feedback-actions,.feedback-rating{align-items:center;display:flex}.delete-feedback-btn{background:#0000;border:1px solid #e5e7eb;border-radius:.375rem;color:#6b7280;cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s ease}.delete-feedback-btn:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:#dc2626}.delete-feedback-btn:disabled{cursor:not-allowed;opacity:.5}.spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#6b7280;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.floating-sidebar-toggle{align-items:center;background:linear-gradient(180deg,#fff,#f9fafb);background-clip:padding-box;border:1.5px solid #0000;border-radius:.5rem;box-shadow:0 4px 12px #00000026;color:#374151;cursor:pointer;display:flex;justify-content:center;left:1rem;padding:.625rem;position:fixed;top:1rem;transition:all .3s ease;z-index:1000}.floating-sidebar-toggle:before{background:linear-gradient(90deg,#e5e7eb,#e5e7eb);border-radius:.5rem;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;position:absolute;transition:background .3s ease}.floating-sidebar-toggle:hover{box-shadow:0 6px 20px #0003;color:#2563eb;transform:translateY(-1px)}.floating-sidebar-toggle:hover:before{background:linear-gradient(90deg,#2563eb,#9333ea)}.floating-sidebar-toggle.pulse-animation{animation:pulse-gradient 2s infinite}.feedback-content{padding:1rem 1.5rem 1.5rem}.feedback-text{color:#374151;line-height:1.6;margin-bottom:1rem}.feedback-page-info{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem}.feedback-attachments{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.attachments-header{align-items:center;color:#374151;display:flex;font-weight:500;gap:.5rem;margin-bottom:.75rem}.attachments-list{display:flex;flex-direction:column;gap:.5rem}.attachment-link{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;color:#2563eb;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem;text-decoration:none;transition:all .2s ease}.attachment-link:hover{background:#f3f4f6;border-color:#2563eb}.admin-response{background:linear-gradient(90deg,#2563eb0d,#9333ea0d);border-left:3px solid #2563eb;border-radius:.5rem;padding:1rem}.admin-response-title{color:#2563eb;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.admin-response-text{color:#374151;line-height:1.5;margin:0}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .75rem;text-transform:capitalize}.badge-blue{background:#3b82f61a;color:#2563eb}.badge-green{background:#22c55e1a;color:#16a34a}.badge-yellow{background:#f59e0b1a;color:#d97706}.badge-red{background:#ef44441a;color:#dc2626}.badge-purple{background:#9333ea1a;color:#9333ea}.badge-orange{background:#f973161a;color:#ea580c}.badge-gray{background:#6b72801a;color:#6b7280}.badge-teal{background:#14b8a61a;color:#0d9488}@media (max-width:768px){.feedback-page{padding:1rem}.feedback-controls{flex-direction:column}.feedback-card-header{align-items:start;flex-direction:column;gap:1rem}}.toast-notification{animation:slideInRight .3s ease-out;position:fixed;right:20px;top:20px;z-index:1000}.toast-content{align-items:center;background:#10b981;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#fff;display:flex;gap:.75rem;max-width:400px;min-width:300px;padding:1rem 1.25rem}.toast-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.toast-message{flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem}.toast-link,.toast-message{align-items:center;display:flex}.toast-link{border-radius:.25rem;color:#fff;font-weight:600;gap:.25rem;padding:.125rem .25rem;text-decoration:none;transition:background-color .2s}.toast-link:hover{background-color:#ffffff1a;color:#fff}.toast-close{align-items:center;background:none;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:background-color .2s}.toast-close:hover{background-color:#ffffff1a}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:640px){.toast-notification{left:10px;right:10px;top:10px}.toast-content{max-width:none;min-width:auto}}
/*# sourceMappingURL=main.1e5908b0.css.map*/