@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-tertiary:#1a2236;--bg-card:#111827b3;--bg-card-hover:#1a2236e6;--bg-glass:#11182780;--accent-teal:#0d9488;--accent-teal-light:#2dd4bf;--accent-teal-glow:#2dd4bf66;--accent-blue:#2563eb;--accent-blue-light:#60a5fa;--accent-navy:#1e3a8a;--accent-purple:#7c3aed;--accent-purple-light:#a78bfa;--accent-red:#be123c;--accent-red-light:#fb7185;--accent-amber:#f59e0b;--accent-green:#10b981;--gradient-primary:linear-gradient(135deg,#2dd4bf,#3b82f6,#6366f1);--gradient-secondary:linear-gradient(135deg,#6366f1,#2563eb);--gradient-warm:linear-gradient(135deg,#be123c,#f59e0b);--gradient-glass:linear-gradient(135deg,#2dd4bf26,#2563eb1a);--gradient-card:linear-gradient(145deg,#111827d9,#1a2236a6);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#14b8a6;--border-subtle:#94a3b81a;--border-medium:#94a3b833;--border-accent:#14b8a64d;--shadow-sm:0 4px 12px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #00000080;--shadow-glow:0 0 25px #2dd4bf59;--shadow-glow-blue:0 0 25px #3b82f659;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 15%,#2dd4bf14,#0000 40%),radial-gradient(circle at 85% 30%,#2563eb14,#0000 40%),radial-gradient(circle at 50% 80%,#7c3aed0f,#0000 50%);width:100%;height:100%;animation:15s ease-in-out infinite alternate pulse-bg;position:fixed;top:0;left:0}@keyframes pulse-bg{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#0a0e1ad9;padding:0 2rem;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1400px;height:64px;margin:0 auto;display:flex}.nav-brand{color:var(--text-primary);align-items:center;gap:10px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.nav-brand-icon{border-radius:var(--radius-sm);background:var(--gradient-primary);justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-base);border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--accent-teal);border-color:var(--border-accent);background:#14b8a61a}.nav-link-icon{font-size:1.1rem}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;opacity:.5;background:linear-gradient(135deg,#ffffff1a,#fff0);padding:2px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover{border-color:#0000;transform:translateY(-5px);box-shadow:0 12px 30px #0006,0 0 20px #2dd4bf26}.card:hover:before{opacity:1;background:linear-gradient(135deg,var(--accent-teal-light),var(--accent-blue-light))}.card-glass{background:var(--gradient-glass);border:1px solid var(--border-accent);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(24px)}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title{color:var(--text-primary);align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.card-title-icon{font-size:1.2rem}.btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;z-index:1;background-size:200%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 15px #3b82f666}.btn-primary:after{content:"";z-index:-1;background:linear-gradient(#fff3,#0000);width:100%;height:100%;position:absolute;top:0;left:0}.btn-primary:hover{background-position:100%;transform:translateY(-4px)scale(1.03);box-shadow:0 10px 30px #3b82f6b3}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.btn-danger{background:var(--accent-rose);color:#fff}.btn-danger:hover{background:var(--accent-rose-light);transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 12px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-icon{border-radius:var(--radius-full);width:40px;height:40px;padding:0;font-size:1.1rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-positive{color:var(--accent-green);background:#22c55e26;border:1px solid #22c55e4d}.badge-negative{color:var(--accent-rose);background:#f43f5e26;border:1px solid #f43f5e4d}.badge-neutral{color:var(--text-secondary);border:1px solid var(--border-medium);background:#94a3b826}.badge-warning{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-info{color:var(--accent-blue-light);background:#3b82f626;border:1px solid #3b82f64d}.input,.textarea{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-base);outline:none;padding:12px 16px;font-family:inherit;font-size:.9rem}.input:focus,.textarea:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px var(--accent-teal-glow)}.textarea{resize:vertical;min-height:100px;line-height:1.6}.page-container{z-index:1;max-width:1400px;margin:0 auto;padding:2rem;position:relative}.page-header{margin-bottom:2rem}.page-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:1rem}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;display:grid}.record-btn{border:3px solid var(--accent-teal);width:64px;height:64px;color:var(--accent-teal);cursor:pointer;transition:all var(--transition-base);background:#14b8a61a;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:relative}.record-btn:hover{box-shadow:var(--shadow-glow);background:#14b8a633;transform:scale(1.05)}.record-btn.recording{border-color:var(--accent-rose);color:var(--accent-rose);background:#f43f5e26;animation:1.5s ease-in-out infinite pulse-record}@keyframes pulse-record{0%,to{box-shadow:0 0 #f43f5e66}50%{box-shadow:0 0 0 12px #f43f5e00}}.soap-section{border-left:3px solid var(--accent-teal);border-radius:0 var(--radius-md)var(--radius-md)0;background:#14b8a608;margin-bottom:1rem;padding:1rem 1.25rem}.soap-section.soap-s{border-left-color:var(--accent-blue);background:#3b82f608}.soap-section.soap-o{border-left-color:var(--accent-purple);background:#8b5cf608}.soap-section.soap-a{border-left-color:var(--accent-amber);background:#f59e0b08}.soap-section.soap-p{border-left-color:var(--accent-green);background:#22c55e08}.soap-label{text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.soap-s .soap-label{color:var(--accent-blue-light)}.soap-o .soap-label{color:var(--accent-purple-light)}.soap-a .soap-label{color:var(--accent-amber)}.soap-p .soap-label{color:var(--accent-green)}.soap-textarea{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:vertical;min-height:70px;transition:border-color var(--transition-base);outline:none;padding:10px 12px;font-family:inherit;font-size:.875rem;line-height:1.6}.soap-textarea:focus{border-color:var(--accent-teal)}.entity-tag{border-radius:var(--radius-full);align-items:center;gap:4px;margin:2px;padding:3px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.entity-symptom{color:var(--accent-rose-light);background:#f43f5e1f;border:1px solid #f43f5e40}.entity-medication{color:var(--accent-blue-light);background:#3b82f61f;border:1px solid #3b82f640}.entity-dosage{color:var(--accent-purple-light);background:#8b5cf61f;border:1px solid #8b5cf640}.entity-condition{color:var(--accent-amber);background:#f59e0b1f;border:1px solid #f59e0b40}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.loading-dots{align-items:center;gap:4px;display:inline-flex}.loading-dots span{background:var(--accent-teal);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dot-bounce}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-slow{0%,to{opacity:1;filter:brightness()}50%{opacity:.8;filter:brightness(1.2)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fade-in}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-slow{animation:4s cubic-bezier(.4,0,.6,1) infinite pulse-slow}.animate-slide-left{animation:.5s forwards slide-in-left}.animate-slide-right{animation:.5s forwards slide-in-right}.animate-scale-in{animation:.4s forwards scale-in}.animate-delay-1{opacity:0;animation-delay:.1s}.animate-delay-2{opacity:0;animation-delay:.2s}.animate-delay-3{opacity:0;animation-delay:.3s}.animate-delay-4{opacity:0;animation-delay:.4s}.stagger-container>:first-child{opacity:0;animation-name:fade-in;animation-duration:.5s;animation-delay:.1s;animation-fill-mode:forwards}.stagger-container>:nth-child(2){opacity:0;animation-name:fade-in;animation-duration:.5s;animation-delay:.2s;animation-fill-mode:forwards}.stagger-container>:nth-child(3){opacity:0;animation-name:fade-in;animation-duration:.5s;animation-delay:.3s;animation-fill-mode:forwards}.stagger-container>:nth-child(4){opacity:0;animation-name:fade-in;animation-duration:.5s;animation-delay:.4s;animation-fill-mode:forwards}.stagger-container>:nth-child(5){opacity:0;animation-name:fade-in;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:forwards}.stagger-container>:nth-child(6){opacity:0;animation-name:fade-in;animation-duration:.5s;animation-delay:.6s;animation-fill-mode:forwards}.stagger-container>:nth-child(7){opacity:0;animation-name:fade-in;animation-duration:.5s;animation-delay:.7s;animation-fill-mode:forwards}.stagger-container>:nth-child(8){opacity:0;animation-name:fade-in;animation-duration:.5s;animation-delay:.8s;animation-fill-mode:forwards}@media (max-width:1024px){.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:768px){.page-container{padding:1rem}.page-title{font-size:1.4rem}.grid-3{grid-template-columns:1fr}.nav{padding:0 1rem}}.stat-card{text-align:center;padding:1.25rem}.stat-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.8rem}.patient-item{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:1px solid #0000;align-items:center;gap:12px;padding:12px 16px;display:flex}.patient-item:hover{background:var(--bg-tertiary)}.patient-item.active{border-color:var(--border-accent);background:#14b8a614}.patient-avatar{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex}.patient-info{flex:1;min-width:0}.patient-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.patient-meta{color:var(--text-muted);font-size:.78rem}.diary-entry{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);padding:1rem 1.25rem}.diary-entry:hover{background:#14b8a608}.diary-entry:last-child{border-bottom:none}.diary-date{color:var(--text-muted);margin-bottom:6px;font-size:.75rem;font-weight:500}.diary-text{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;line-height:1.6}.diary-entities{flex-wrap:wrap;gap:4px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.online{background:var(--accent-green);box-shadow:0 0 6px #22c55e80}.status-dot.warning{background:var(--accent-amber);box-shadow:0 0 6px #f59e0b80}.status-dot.offline{background:var(--text-muted)}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 2rem}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state-text{font-size:.95rem}.insight-item{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);transition:border-color var(--transition-base);gap:12px;margin-bottom:8px;padding:12px;display:flex}.insight-item:hover{border-color:var(--border-medium)}.insight-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.insight-content{flex:1}.insight-title{margin-bottom:2px;font-size:.85rem;font-weight:600}.insight-desc{color:var(--text-muted);font-size:.8rem;line-height:1.4}.clinician-layout{grid-template-columns:300px 1fr;gap:1.5rem;min-height:calc(100vh - 130px);display:grid}.clinician-sidebar{height:fit-content;max-height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto}.clinician-main{flex-direction:column;gap:1.5rem;display:flex}@media (max-width:1024px){.clinician-layout{grid-template-columns:1fr}.clinician-sidebar{max-height:300px;position:static}}.toast{border-radius:var(--radius-md);background:var(--accent-green);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;padding:14px 24px;font-size:.9rem;font-weight:600;animation:.3s slide-in-right,.3s 2.7s forwards fade-out;position:fixed;bottom:2rem;right:2rem}@keyframes fade-out{to{opacity:0;transform:translateY(10px)}}.auth-page{z-index:1;grid-template-columns:1fr 1fr;min-height:100vh;display:grid;position:relative}.auth-hero{background:linear-gradient(135deg,#14b8a626 0%,#3b82f61a 50%,#8b5cf614 100%),var(--bg-primary);border-right:1px solid var(--border-subtle);justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.auth-hero:before{content:"";background:radial-gradient(circle at 30% 40%,#14b8a61f 0%,#0000 50%),radial-gradient(circle at 70% 60%,#3b82f614 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite auth-float;position:absolute;top:-50%;left:-50%}@keyframes auth-float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}.auth-hero-doctor{background:linear-gradient(135deg,#3b82f626 0%,#8b5cf61a 50%,#f43f5e0d 100%),var(--bg-primary)}.auth-hero-content{z-index:1;max-width:420px;animation:.8s fade-in;position:relative}.auth-hero-icon{margin-bottom:1.5rem;font-size:3.5rem;animation:.5s scale-in}.auth-hero-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.2}.auth-hero-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.auth-hero-features{flex-direction:column;gap:16px;display:flex}.auth-feature{color:var(--text-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all var(--transition-base);background:#ffffff08;align-items:center;gap:12px;padding:10px 16px;font-size:.92rem;display:flex}.auth-feature:hover{border-color:var(--border-accent);background:#14b8a60f;transform:translate(4px)}.auth-feature span:first-child{flex-shrink:0;font-size:1.3rem}.auth-form-container{justify-content:center;align-items:center;padding:3rem;animation:.6s .2s both fade-in;display:flex}.auth-form{width:100%;max-width:400px}.auth-form-header{margin-bottom:2rem}.auth-form-header h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.6rem;font-weight:700}.auth-form-header p{color:var(--text-muted);font-size:.95rem}.auth-input-group{margin-bottom:1.25rem}.auth-input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.auth-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-base);outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem}.auth-input:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px var(--accent-teal-glow)}.auth-input::placeholder{color:var(--text-muted)}.auth-submit{width:100%;margin-top:.5rem;padding:14px;font-size:1rem}.auth-error{border-radius:var(--radius-md);color:var(--accent-rose-light);background:#f43f5e1a;border:1px solid #f43f5e4d;align-items:center;gap:8px;margin-bottom:1rem;padding:12px 16px;font-size:.85rem;animation:.3s fade-in;display:flex}.auth-footer{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.85rem}.auth-footer p{margin-bottom:6px}.auth-link{color:var(--accent-teal);cursor:pointer;font-family:inherit;font-weight:600;font-size:inherit;transition:color var(--transition-fast);background:0 0;border:none;text-decoration:none}.auth-link:hover{color:var(--accent-teal-light);text-decoration:underline}.analytics-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.analytics-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);padding:1.25rem;position:relative;overflow:hidden}.analytics-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.analytics-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.analytics-card:hover:before{opacity:1}.analytics-icon{margin-bottom:.5rem;font-size:1.5rem}.analytics-value{margin-bottom:.25rem;font-size:2rem;font-weight:800;line-height:1.2}.analytics-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.date-filter{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.date-filter label{color:var(--text-muted);white-space:nowrap;font-size:.82rem;font-weight:600}.date-filter input[type=date]{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:8px 12px;font-family:inherit;font-size:.85rem}.date-filter input[type=date]:focus{border-color:var(--accent-teal)}.severity-mild{color:var(--accent-green);background:#22c55e26;border:1px solid #22c55e4d}.severity-moderate{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.severity-serious{color:var(--accent-rose);background:#f43f5e26;border:1px solid #f43f5e4d}.nav-logout{border-radius:var(--radius-full);color:var(--accent-rose-light);cursor:pointer;transition:all var(--transition-base);background:#f43f5e1a;border:1px solid #f43f5e33;padding:6px 14px;font-family:inherit;font-size:.82rem;font-weight:500}.nav-logout:hover{background:#f43f5e33;border-color:#f43f5e66}.patient-select{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;outline:none;flex:1;padding:8px 14px;font-family:inherit;font-size:.9rem}.patient-select:focus{border-color:var(--accent-teal)}@media (max-width:1024px){.auth-page{grid-template-columns:1fr}.auth-hero{display:none}.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.analytics-grid{grid-template-columns:1fr 1fr}}.auth-toggle-wrapper{justify-content:center;margin-bottom:2rem;display:flex}.auth-toggle{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:100%;max-width:300px;padding:4px;display:flex;position:relative}.auth-toggle-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);z-index:2;background:0 0;border:none;flex:1;padding:10px 20px;font-family:inherit;font-size:.88rem;font-weight:600;transition:color .35s;position:relative}.auth-toggle-btn.active{color:#fff}.auth-toggle-slider{background:var(--gradient-primary);border-radius:var(--radius-full);z-index:1;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .4s cubic-bezier(.68,-.15,.32,1.15);position:absolute;top:4px;left:4px;box-shadow:0 2px 10px #14b8a64d}.auth-toggle.login-active .auth-toggle-slider{transform:translate(100%)}.auth-name-field{transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .35s,margin-bottom .35s;overflow:hidden}.auth-name-field.expanded{opacity:1;max-height:90px;margin-bottom:1.25rem}.auth-name-field.collapsed{opacity:0;max-height:0;margin-bottom:0}.auth-form-title{animation:.4s auth-title-in}@keyframes auth-title-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-form-desc{color:var(--text-muted);font-size:.9rem;transition:opacity .3s}.auth-doctor-badge{border-radius:var(--radius-full);color:var(--accent-blue-light);text-transform:uppercase;letter-spacing:.5px;background:#3b82f61a;border:1px solid #3b82f633;align-items:center;gap:6px;margin-bottom:1rem;padding:6px 14px;font-size:.75rem;font-weight:600;animation:.4s scale-in;display:inline-flex}.doctor-layout{grid-template-columns:260px 1fr;align-items:start;gap:1.5rem;display:grid}.doctor-sidebar{position:sticky;top:80px}.doctor-main{flex-direction:column;gap:1rem;display:flex}.patient-nav-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;transition:all .2s;display:flex}.patient-nav-item:hover{background:#14b8a60d}.patient-nav-item.active{box-shadow:inset 3px 0 0 var(--accent-teal);background:#14b8a614}.patient-nav-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.82rem;font-weight:700;display:flex}.patient-nav-info{flex:1;min-width:0}.patient-nav-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.patient-nav-meta{color:var(--text-muted);font-size:.72rem}.patient-nav-badge{background:var(--accent-amber);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:.68rem;font-weight:700;display:flex}.patient-context-bar{border-radius:var(--radius-md);background:#14b8a60a;border:1px solid #14b8a61f;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}@media (max-width:900px){.doctor-layout{grid-template-columns:1fr}.doctor-sidebar{position:static}}.health-score-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#14b8a614,#3b82f60d);border:1px solid #14b8a61f;align-items:center;gap:24px;margin-bottom:1.25rem;padding:20px;display:flex}.health-score-ring{flex-shrink:0}.health-score-details{flex-direction:column;flex:1;gap:10px;display:flex}.health-score-trend{color:var(--text-primary);align-items:center;gap:6px;font-size:.92rem;font-weight:600;display:flex}.health-score-factors{flex-wrap:wrap;gap:6px;display:flex}.health-factor-tag{border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-muted);padding:4px 10px;font-size:.72rem}.dash-tabs{background:var(--bg-secondary);border-radius:var(--radius-md);gap:4px;margin-bottom:1rem;padding:4px;display:flex}.dash-tab{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .25s;display:flex}.dash-tab.active{background:var(--bg-primary);color:var(--accent-teal);box-shadow:0 1px 4px #00000026}.dash-tab:hover:not(.active){color:var(--text-primary)}.dash-content{min-height:200px}.dash-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.82rem;font-weight:700}.heatmap-container{flex-direction:column;gap:8px;display:flex}.heatmap-labels{grid-template-columns:repeat(7,1fr);gap:4px;padding-left:0;display:grid}.heatmap-label{text-align:center;color:var(--text-muted);font-size:.68rem;font-weight:600}.heatmap-grid{flex-direction:column;gap:4px;display:flex}.heatmap-week{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.heatmap-cell{aspect-ratio:1;color:#fff;cursor:default;border-radius:4px;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;transition:transform .15s;display:flex;position:relative}.heatmap-cell:hover{transform:scale(1.15)}.heatmap-empty,.heatmap-none{border:1px solid var(--border-subtle);background:#ffffff08}.heatmap-mild{background:#22c55e66;border:1px solid #22c55e80}.heatmap-moderate{background:#f59e0b80;border:1px solid #f59e0b99}.heatmap-serious{background:#f43f5e80;border:1px solid #f43f5e99}.heatmap-count{font-size:.65rem}.heatmap-legend{justify-content:center;gap:14px;margin-top:4px;display:flex}.heatmap-legend-item{color:var(--text-muted);align-items:center;gap:5px;font-size:.7rem;display:flex}.timeline-chart{padding:8px 0}.timeline-bars{align-items:flex-end;gap:6px;height:160px;padding-bottom:24px;display:flex;position:relative}.timeline-bar-group{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.timeline-bar-container{flex-direction:column;flex:1;justify-content:flex-end;width:100%;display:flex;position:relative}.timeline-mood-bar{border-radius:4px 4px 0 0;width:100%;min-height:6px;transition:height .6s}.timeline-severity-dot{z-index:2;border-radius:50%;width:8px;height:8px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 6px #0000004d}.timeline-symptom-badge{background:var(--accent-purple);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-date{color:var(--text-muted);white-space:nowrap;margin-top:4px;font-size:.6rem}.timeline-legend{color:var(--text-muted);justify-content:center;gap:14px;margin-top:8px;font-size:.7rem;display:flex}.correlation-section{display:block}.correlation-subtitle{color:var(--text-secondary);margin-bottom:10px;font-size:.78rem;font-weight:600}.symptom-bars{flex-direction:column;gap:6px;display:flex}.symptom-bar-row{grid-template-columns:100px 1fr 36px;align-items:center;gap:8px;display:grid}.symptom-bar-label{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:500;overflow:hidden}.symptom-bar-track{background:var(--bg-secondary);border-radius:7px;height:14px;overflow:hidden}.symptom-bar-fill{border-radius:7px;height:100%;transition:width .6s}.symptom-bar-count{color:var(--text-muted);text-align:right;font-size:.72rem;font-weight:700}.correlation-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.correlation-cell{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);text-align:center;padding:14px}.correlation-severity{text-transform:capitalize;margin-bottom:6px;font-size:.78rem;font-weight:700}.correlation-value{color:var(--text-primary);font-size:1.5rem;font-weight:800}.correlation-meta{color:var(--text-muted);font-size:.68rem}.correlation-mood{margin-top:4px;font-size:.72rem;font-weight:600}.voice-analysis-card{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.voice-metric{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);text-align:center;padding:12px}.voice-metric-icon{margin-bottom:4px;font-size:1.3rem}.voice-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.68rem;font-weight:700}.voice-metric-value{font-size:.92rem;font-weight:700}.voice-metric-sub{color:var(--text-muted);margin-top:2px;font-size:.68rem}@media (max-width:768px){.health-score-card{text-align:center;flex-direction:column}.voice-analysis-card,.correlation-grid{grid-template-columns:1fr}}