@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary-50: #ecfdf5;--primary-100: #d1fae5;--primary-200: #a7f3d0;--primary-300: #6ee7b7;--primary-400: #34d399;--primary-500: #10b981;--primary-600: #059669;--primary-700: #047857;--primary-800: #065f46;--primary-900: #064e3b;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--blue-500: #3b82f6;--blue-600: #2563eb;--amber-500: #f59e0b;--rose-500: #f43f5e;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 40px rgba(16, 185, 129, .15);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--gray-800);background:#fff;line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--gray-900);letter-spacing:-.025em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--gray-600);line-height:1.7}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:.9375rem;font-weight:600;padding:12px 24px;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-normal) var(--ease-out);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;box-shadow:var(--shadow-md),0 4px 12px #10b98140}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 8px 20px #10b98159}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--gray-600);padding:8px 16px}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-800)}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-lg{padding:16px 32px;font-size:1rem}.card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--gray-200)}.card-elevated{box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-success{background:var(--primary-100);color:var(--primary-700)}.badge-info{background:#dbeafe;color:#1d4ed8}.badge-warning{background:#fef3c7;color:#b45309}input,textarea,select{font-family:inherit;font-size:1rem;padding:12px 16px;border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;color:var(--gray-800);transition:all var(--transition-fast);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #10b98126}input::placeholder{color:var(--gray-400)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:fadeIn .5s var(--ease-out)}.animate-fadeInUp{animation:fadeInUp .5s var(--ease-out)}.animate-pulse{animation:pulse 2s infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-600)}.text-muted{color:var(--gray-500)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid{display:grid}.hidden{display:none}.visible{display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}::selection{background:var(--primary-200);color:var(--primary-900)}.lp{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#fafafa;color:#18181b;overflow-x:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #7c3aed66}50%{box-shadow:0 0 0 12px #7c3aed00}}@keyframes blobRotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.12)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}.lp-nav{position:sticky;top:0;z-index:100;background:#fafafad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.04);animation:slideDown .6s ease-out}.lp-nav-inner{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}.lp-brand{display:flex;align-items:center;gap:8px}.lp-brand-icon{width:32px;height:32px;color:#18181b}.lp-nav-links{display:flex;gap:32px}.lp-nav-link{font-size:.88rem;font-weight:500;color:#71717a;text-decoration:none;transition:color .2s;position:relative}.lp-nav-link:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#7c3aed;border-radius:2px;transform:scaleX(0);transition:transform .2s}.lp-nav-link:hover{color:#18181b}.lp-nav-link:hover:after{transform:scaleX(1)}.lp-nav-actions{display:flex;gap:8px}.lp-btn-pill{padding:10px 22px;border-radius:100px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .25s ease;cursor:pointer;border:none}.lp-btn-pill.filled{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}.lp-btn-pill.filled:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed4d}.lp-btn-pill.outline{background:#fff;color:#18181b;border:1.5px solid #e4e4e7}.lp-btn-pill.outline:hover{border-color:#a1a1aa;background:#f4f4f5}.lp-hero{padding:60px 0 80px}.lp-hero-inner{max-width:1200px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;width:100%}.lp-hero-text{animation:slideUp .8s ease-out;min-width:0;overflow-wrap:break-word;word-break:break-word}.lp-headline{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1.12;color:#18181b;letter-spacing:-.03em;margin:0 0 20px;overflow-wrap:break-word;word-break:break-word}.lp-subtext{font-size:1.05rem;line-height:1.65;color:#71717a;max-width:480px;margin:0 0 32px;animation:slideUp .8s ease-out .15s both}.lp-hero-cta{display:flex;align-items:center;gap:16px;animation:slideUp .8s ease-out .3s both}.lp-cta-main{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:100px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;animation:pulseGlow 2.5s ease-in-out infinite 1.5s}.lp-cta-main:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 36px #7c3aed66;animation:none}.lp-cta-main.light{background:#fff;color:#18181b}.lp-cta-main.light:hover{box-shadow:0 10px 30px #00000026}.lp-hero-visual{position:relative;height:420px;animation:fadeIn 1s ease-out .4s both;min-width:0}.lp-hero-blob{position:absolute;width:340px;height:340px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#7c3aed1a,#7c3aed05 70%);filter:blur(2px);animation:blobRotate 20s linear infinite}.lp-hero-card{position:absolute;background:#fff;border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a;border:1px solid rgba(0,0,0,.04);animation:floatCard 6s ease-in-out infinite;z-index:2;transition:transform .3s,box-shadow .3s}.lp-hero-card:hover{box-shadow:0 8px 32px #0000001a;z-index:4}.lp-hero-card strong{display:block;font-size:.88rem;font-weight:700;color:#18181b}.lp-hero-card span{font-size:.72rem;color:#a1a1aa}.lp-hero-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-hero-card-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.lp-hero-card-icon.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.lp-hero-card-icon.teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0d9488}.card-1{top:20px;left:10%;animation:scaleIn .6s ease-out .5s both,floatCard 6s ease-in-out 1.1s infinite}.card-2{top:50%;right:5%;animation:scaleIn .6s ease-out .7s both,floatCard2 6s ease-in-out 1.3s infinite}.card-3{bottom:30px;left:15%;animation:scaleIn .6s ease-out .9s both,floatCard 6s ease-in-out 1.5s infinite}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-2{animation-name:floatCard2}@keyframes floatCard2{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 10px))}}.lp-float-badge{position:absolute;padding:8px 16px;border-radius:100px;font-size:.75rem;font-weight:700;z-index:3;box-shadow:0 2px 12px #0000000f;transition:transform .3s,box-shadow .3s}.lp-float-badge:hover{transform:scale(1.08);box-shadow:0 4px 20px #0000001a}.badge-lang{top:10px;right:15%;background:#fff;color:#18181b;border:1px solid #e4e4e7;animation:scaleIn .6s ease-out 1.1s both,floatCard 5s ease-in-out 1.7s infinite}.badge-free{bottom:10px;right:10%;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;animation:scaleIn .6s ease-out 1.3s both,floatCard 5s ease-in-out 1.9s infinite}.lp-features{padding:80px 0;background:#fff}.lp-section-inner{max-width:1200px;margin:0 auto;padding:0 32px}.lp-section-head{text-align:center;margin-bottom:48px}.lp-section-head h2{font-size:2rem;font-weight:800;color:#18181b;margin:8px 0;letter-spacing:-.02em}.lp-section-head p{color:#71717a;font-size:1rem;margin:0}.lp-section-head.dark h2{color:#fff}.lp-section-head.dark p{color:#fff9}.lp-tag{display:inline-block;padding:5px 14px;border-radius:100px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#f4f4f5;color:#71717a}.lp-tag-dark{display:inline-block;padding:5px 14px;border-radius:100px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#ffffff1a;color:#ffffffb3}.lp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lp-feat-card{padding:28px 24px;border-radius:20px;border:1px solid #f4f4f5;background:#fafafa;transition:all .4s cubic-bezier(.22,1,.36,1)}.lp-feat-card:nth-child(1){animation:slideUp .6s ease-out .05s both}.lp-feat-card:nth-child(2){animation:slideUp .6s ease-out .1s both}.lp-feat-card:nth-child(3){animation:slideUp .6s ease-out .15s both}.lp-feat-card:nth-child(4){animation:slideUp .6s ease-out .2s both}.lp-feat-card:nth-child(5){animation:slideUp .6s ease-out .25s both}.lp-feat-card:nth-child(6){animation:slideUp .6s ease-out .3s both}.lp-feat-card:nth-child(7){animation:slideUp .6s ease-out .35s both}.lp-feat-card:nth-child(8){animation:slideUp .6s ease-out .4s both}.lp-feat-card:nth-child(9){animation:slideUp .6s ease-out .45s both}.lp-feat-phase{display:inline-block;padding:3px 10px;border-radius:100px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#f4f4f5;color:#a1a1aa;margin-bottom:10px}.lp-feat-card:hover{background:#fff;border-color:#e4e4e7;transform:translateY(-6px);box-shadow:0 16px 40px #00000014}.lp-feat-card:hover .lp-feat-icon{transform:scale(1.1) rotate(-5deg);transition:transform .3s ease}.lp-feat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:transform .3s ease}.lp-feat-icon.blue{background:#dbeafe;color:#2563eb}.lp-feat-icon.green{background:#d1fae5;color:#059669}.lp-feat-icon.orange{background:#fed7aa;color:#ea580c}.lp-feat-icon.purple{background:#ede9fe;color:#7c3aed}.lp-feat-icon.cyan{background:#cffafe;color:#0891b2}.lp-feat-icon.pink{background:#fce7f3;color:#db2777}.lp-feat-icon.red{background:#fee2e2;color:#dc2626}.lp-feat-icon.teal{background:#ccfbf1;color:#0d9488}.lp-feat-icon.amber{background:#fef3c7;color:#d97706}.lp-feat-card h3{font-size:1rem;font-weight:700;color:#18181b;margin:0 0 8px}.lp-feat-card p{font-size:.85rem;color:#71717a;line-height:1.6;margin:0}.lp-how{padding:80px 0;background:#18181b}.lp-steps{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:40px}.lp-step{text-align:center;padding:32px 24px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);flex:1;max-width:260px;transition:all .4s cubic-bezier(.22,1,.36,1)}.lp-step:hover{background:#ffffff1a;transform:translateY(-6px);box-shadow:0 8px 32px #7c3aed26;border-color:#7c3aed33}.lp-step:hover .lp-step-num{transform:scale(1.1);transition:transform .3s ease}.lp-step-num{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#7c3aed,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.lp-step h3{font-size:1rem;font-weight:700;color:#fff;margin:0 0 8px}.lp-step p{font-size:.82rem;color:#ffffff80;line-height:1.5;margin:0}.lp-step-divider{color:#ffffff26;flex-shrink:0}.lp-how-cta{text-align:center}.lp-footer{padding:48px 0 32px;background:#fafafa;border-top:1px solid #f4f4f5}.lp-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:32px}.lp-footer-logo{display:flex;align-items:center;gap:8px;margin-bottom:8px}.lp-footer-logo svg{color:#7c3aed}.lp-footer-logo span{font-size:1.1rem;font-weight:800;color:#18181b}.lp-footer-brand p{color:#a1a1aa;font-size:.85rem;margin:0;max-width:280px}.lp-footer-col h4{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a1a1aa;margin:0 0 12px}.lp-footer-col a{display:block;font-size:.85rem;color:#71717a;text-decoration:none;padding:4px 0;transition:color .2s}.lp-footer-col a:hover{color:#18181b}.lp-footer-bottom{padding-top:24px;border-top:1px solid #f4f4f5;display:flex;justify-content:space-between;align-items:center}.lp-footer-bottom p{font-size:.78rem;color:#a1a1aa;margin:0}.lp-disclaimer{font-size:.72rem;color:#d4d4d8}@media(max-width:900px){.lp-hero-inner{grid-template-columns:1fr;gap:32px}.lp-headline{font-size:2.6rem}.lp-hero-visual{height:300px}.lp-features-grid{grid-template-columns:repeat(2,1fr)}.lp-steps{flex-direction:column}.lp-step{max-width:100%}.lp-step-divider{transform:rotate(90deg)}.lp-footer-grid{grid-template-columns:1fr;gap:24px}.lp-footer-bottom{flex-direction:column;gap:8px;text-align:center}}@media(max-width:640px){.lp-nav-links{display:none}.lp-nav-inner{padding:12px 16px}.lp-hero{padding:40px 0 60px}.lp-hero-inner{padding:0 16px}.lp-headline{font-size:2rem}.lp-subtext{font-size:.92rem}.lp-cta-main{padding:14px 24px;font-size:.9rem}.lp-hero-visual{height:240px}.lp-hero-card{padding:12px 14px;gap:10px;border-radius:12px}.lp-hero-card-icon{width:36px;height:36px}.lp-hero-card strong{font-size:.78rem}.lp-hero-card span{font-size:.65rem}.lp-features-grid{grid-template-columns:1fr}.lp-section-inner{padding:0 16px}.lp-section-head h2{font-size:1.5rem}.lp-btn-pill{padding:8px 16px;font-size:.8rem}}.auth-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;padding:40px 20px}.auth-container{width:100%;max-width:420px}.auth-back{display:inline-flex;align-items:center;color:#94a3b8;text-decoration:none;font-size:.875rem;margin-bottom:24px;transition:color .2s}.auth-back:hover{color:#fff}.auth-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-size:3rem;margin-bottom:16px}.auth-header h1{font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 8px}.auth-header p{color:#94a3b8;margin:0;font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5;font-size:.875rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:600;color:#e2e8f0}.form-group input{padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .2s}.form-group input::placeholder{color:#64748b}.form-group input:focus{outline:none;border-color:#10b981;background:#ffffff14;box-shadow:0 0 0 3px #10b98126}.auth-submit{padding:16px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-height:52px}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.auth-footer p{color:#94a3b8;margin:0;font-size:.9rem}.auth-footer a{color:#10b981;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}@media(max-width:480px){.auth-card{padding:28px 20px}.auth-header h1{font-size:1.5rem}}.dash{min-height:100vh;background:#f3f4f8;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:0 0 40px}.dash-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:16px}.dash-loader-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:dashSpin .7s linear infinite}@keyframes dashSpin{to{transform:rotate(360deg)}}.dash-loader p{color:#94a3b8;font-size:.875rem}.dash-topbar{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:20px 28px 0}.dash-topbar-left{display:flex;align-items:center;gap:12px}.dash-logo{display:flex;align-items:center;gap:10px;cursor:pointer}.dash-logo-icon{width:38px;height:38px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.dash-logo-icon svg{width:20px;height:20px}.dash-logo-text{font-size:1.25rem;font-weight:800;color:#1e1b4b;letter-spacing:-.02em}.dash-topbar-right{display:flex;gap:8px}.dash-topbar-btn{width:40px;height:40px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.dash-topbar-btn:hover{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.dash-topbar-btn.logout:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.dash-alert{display:flex;align-items:center;gap:10px;max-width:1100px;margin:16px auto 0;padding:12px 18px;background:#fef3c7;border:1px solid #fcd34d;border-radius:12px}.dash-alert p{flex:1;margin:0;font-size:.85rem;color:#92400e}.dash-alert button{background:none;border:none;color:#92400e;cursor:pointer}.dash-welcome-row{max-width:1100px;margin:24px auto 0;padding:0 28px;display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:stretch}.dash-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;border:1px solid #eef0f4}.dash-card-title{font-size:1rem;font-weight:700;color:#1e1b4b;margin:0 0 16px}.dash-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dash-card-header .dash-card-title{margin-bottom:0}.dash-profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:32px 20px 24px}.dash-edit-float{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.dash-edit-float:hover{background:#f1f5f9;color:#6366f1;border-color:#c7d2fe}.dash-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;overflow:hidden;flex-shrink:0}.dash-avatar.xl{width:80px;height:80px;font-size:2rem;background:linear-gradient(135deg,#6366f1,#a78bfa);box-shadow:0 4px 16px #6366f140;margin-bottom:14px}.dash-avatar.lg{width:60px;height:60px;font-size:1.5rem;background:linear-gradient(135deg,#6366f1,#a78bfa)}.dash-avatar img{width:100%;height:100%;object-fit:cover}.dash-profile-name{font-size:1.05rem;font-weight:700;color:#1e1b4b;margin:0 0 2px}.dash-profile-email{font-size:.78rem;color:#94a3b8;margin:0 0 16px}.dash-profile-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dash-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600}.dash-badge.blue{background:#eef2ff;color:#4f46e5}.dash-badge.green{background:#ecfdf5;color:#059669}.dash-badge.amber{background:#fffbeb;color:#d97706}.dash-gradient-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-gradient-card{border-radius:20px;padding:28px 24px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:160px}.dash-gradient-card:before{content:"";position:absolute;top:-40%;right:-20%;width:200px;height:200px;border-radius:50%;background:#ffffff26;pointer-events:none}.dash-gradient-card:after{content:"";position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;border-radius:50%;background:#ffffff14;pointer-events:none}.dash-gradient-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000001f}.dash-gradient-card.mint{background:linear-gradient(135deg,#a7f3d0,#6ee7b7 30%,#34d399 70%,#10b981);color:#064e3b}.dash-gradient-card.sky{background:linear-gradient(135deg,#bfdbfe,#93c5fd 30%,#60a5fa 70%,#3b82f6);color:#1e3a5f}.dash-gradient-card-icon{width:48px;height:48px;border-radius:14px;background:#ffffff4d;display:flex;align-items:center;justify-content:center;margin-bottom:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dash-gradient-card-value{font-size:1.75rem;font-weight:800;line-height:1.2;margin-bottom:4px}.dash-gradient-card-label{font-size:.82rem;font-weight:600;opacity:.8}.dash-welcome-banner{max-width:1100px;margin:20px auto 0;padding:0 28px}.dash-welcome-banner h2{font-size:1.35rem;font-weight:800;color:#1e1b4b;margin:0 0 2px}.dash-welcome-banner p{font-size:.85rem;color:#94a3b8;margin:0}.dash-main-grid{max-width:1100px;margin:20px auto 0;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.dash-actions-grid{display:flex;flex-direction:column;gap:10px}.dash-action-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1px solid #eef0f4;border-radius:14px;background:#fafbfc;cursor:pointer;transition:all .2s;text-align:left}.dash-action-item:hover{background:#fff;border-color:#c7d2fe;box-shadow:0 2px 8px #6366f114;transform:translate(4px)}.dash-action-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.green-bg{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.purple-bg{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.amber-bg{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.teal-bg{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0d9488}.dash-action-text{flex:1;display:flex;flex-direction:column;gap:2px}.dash-action-text strong{font-size:.88rem;font-weight:600;color:#1e1b4b}.dash-action-text span{font-size:.75rem;color:#94a3b8}.dash-action-arrow{color:#c7ccd5;transition:all .2s;flex-shrink:0}.dash-action-item:hover .dash-action-arrow{color:#6366f1;transform:translate(2px)}.dash-prescriptions-list{display:flex;flex-direction:column;gap:4px}.dash-rx-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;transition:all .2s}.dash-rx-item:hover{background:#f8f9fb}.dash-rx-date{width:44px;height:48px;border-radius:10px;background:#f1f5f9;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.dash-rx-day{font-size:1.05rem;font-weight:800;color:#1e1b4b;line-height:1.1}.dash-rx-month{font-size:.62rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.dash-rx-info{flex:1;min-width:0}.dash-rx-title{font-size:.85rem;font-weight:600;color:#1e1b4b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-rx-meta{font-size:.72rem;color:#94a3b8;display:flex;align-items:center;gap:6px;margin-top:2px}.dash-rx-tag{padding:1px 6px;background:#ecfdf5;color:#059669;border-radius:4px;font-size:.62rem;font-weight:600}.dash-rx-actions{display:flex;gap:4px;flex-shrink:0}.dash-icon-btn{width:30px;height:30px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.dash-icon-btn:hover{background:#e2e8f0;color:#334155}.dash-icon-btn.danger:hover{background:#fef2f2;color:#ef4444}.dash-see-all{width:100%;padding:12px;border:none;background:none;color:#6366f1;font-weight:600;font-size:.82rem;cursor:pointer;border-top:1px solid #f1f5f9;margin-top:8px;transition:color .2s}.dash-see-all:hover{color:#4f46e5}.dash-empty{text-align:center;padding:28px 16px}.dash-empty-icon{font-size:2.5rem;display:block;margin-bottom:8px}.dash-empty p{color:#94a3b8;font-size:.85rem;margin:0 0 16px}.dash-btn{padding:10px 18px;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;border:none;transition:all .2s}.dash-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.dash-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.dash-btn.primary:disabled{opacity:.6;cursor:not-allowed}.dash-btn.ghost{background:#f1f5f9;color:#64748b}.dash-btn.ghost:hover{background:#e2e8f0;color:#334155}.dash-btn.sm{padding:6px 14px;font-size:.78rem;border-radius:8px}.dash-profile-form{width:100%}.dash-profile-form h3{font-size:1rem;font-weight:700;color:#1e1b4b;margin:0 0 16px;text-align:center}.dash-profile-form-avatar{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:16px}.dash-upload-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f1f5f9;color:#64748b;border:1px dashed #cbd5e1;border-radius:8px;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s}.dash-upload-btn:hover{background:#e2e8f0;border-color:#94a3b8}.dash-form-field{margin-bottom:12px}.dash-form-field label{display:block;font-size:.78rem;font-weight:600;color:#475569;margin-bottom:4px}.dash-form-field input{width:100%;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.85rem;color:#1e1b4b;background:#fff;outline:none;transition:border-color .2s;box-sizing:border-box}.dash-form-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.dash-form-actions{display:flex;gap:8px;margin-top:14px}.dash-form-actions .dash-btn{flex:1}@media(max-width:900px){.dash-welcome-row{grid-template-columns:1fr;padding:0 16px}.dash-profile-card{flex-direction:row;text-align:left;gap:16px;padding:20px;flex-wrap:wrap}.dash-avatar.xl{width:56px;height:56px;font-size:1.25rem;margin-bottom:0}.dash-profile-name,.dash-profile-email{margin:0}.dash-profile-badges{width:100%;justify-content:flex-start}.dash-edit-float{top:12px;right:12px}.dash-main-grid{grid-template-columns:1fr;padding:0 16px}.dash-topbar{padding:16px 16px 0}.dash-welcome-banner{padding:0 16px}}@media(max-width:480px){.dash-gradient-stats{grid-template-columns:1fr}.dash-gradient-card{min-height:120px;padding:20px}.dash-gradient-card-value{font-size:1.35rem}.dash-logo-text{display:none}.dash-action-item{padding:12px}}.reminder-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:20px;position:relative;overflow:hidden;transition:all .2s}.reminder-card:hover{border-color:var(--reminder-color);box-shadow:0 8px 24px #00000014}.reminder-card.paused{opacity:.7}.reminder-card.inactive{opacity:.5}.reminder-color-bar{position:absolute;top:0;left:0;width:4px;height:100%;background:var(--reminder-color)}.reminder-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.reminder-info h3{margin:0 0 4px;font-size:1.125rem;font-weight:700;color:#1e293b}.reminder-dosage{font-size:.875rem;color:#64748b;font-weight:500}.toggle-btn{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.toggle-btn.active{background:#f1f5f9;color:#64748b}.toggle-btn.active:hover{background:#e2e8f0}.toggle-btn.paused{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toggle-btn.paused:hover{transform:scale(1.05)}.reminder-details{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.detail-row{display:flex;align-items:flex-start;gap:10px}.detail-icon{font-size:1rem;flex-shrink:0}.detail-text{font-size:.875rem;color:#475569;line-height:1.4}.detail-text.instructions{color:#64748b;font-style:italic}.reminder-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;margin-bottom:16px}.reminder-badge.paused{background:#fef3c7;color:#d97706}.reminder-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid #f1f5f9}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s;font-size:.8125rem;font-weight:500}.action-btn.edit{color:#6366f1}.action-btn.edit:hover{background:#eef2ff;border-color:#6366f1}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background:#fef2f2;border-color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.add-reminder-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #f1f5f9}.modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s}.close-btn:hover{background:#e2e8f0;color:#1e293b}.modal-error{margin:16px 24px 0;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:8px}.quick-select{padding:16px 24px 0}.quick-select label{display:block;font-size:.8125rem;font-weight:600;color:#64748b;margin-bottom:10px}.medicine-chips{display:flex;flex-wrap:wrap;gap:8px}.medicine-chip{padding:6px 14px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:20px;font-size:.8125rem;font-weight:500;color:#4f46e5;cursor:pointer;transition:all .2s}.medicine-chip:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}.add-reminder-modal form{padding:20px 24px 24px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.8125rem;font-weight:600;color:#475569;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:.9375rem;color:#1e293b;background:#f8fafc;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.times-grid{display:flex;flex-wrap:wrap;gap:10px}.time-input-wrapper{flex:1;min-width:100px}.time-input-wrapper input{width:100%;text-align:center}.color-picker{display:flex;gap:10px;flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#1e293b;box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}.form-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f1f5f9}.btn-cancel{flex:1;padding:14px 20px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;font-size:.9375rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e2e8f0;color:#1e293b}.btn-submit{flex:1;padding:14px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;font-size:.9375rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #6366f14d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.add-reminder-modal{max-height:100vh;border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0;max-width:100%}.form-row{grid-template-columns:1fr}}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}.loader{position:relative;width:80px;height:80px}.loader-ring{position:absolute;inset:0;border:3px solid transparent;border-top-color:var(--primary-500);border-radius:50%;animation:loaderSpin 1s linear infinite}.loader-ring:nth-child(2){inset:8px;border-top-color:var(--primary-400);animation-duration:1.5s;animation-direction:reverse}.loader-ring:nth-child(3){inset:16px;border-top-color:var(--primary-300);animation-duration:2s}@keyframes loaderSpin{to{transform:rotate(360deg)}}.loader-pulse{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));border-radius:50%;position:relative;animation:pulse 1.5s ease-in-out infinite}.loader-pulse:before,.loader-pulse:after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:pulseWave 1.5s ease-out infinite}.loader-pulse:after{animation-delay:.3s}@keyframes pulse{0%,to{transform:scale(.95);opacity:.9}50%{transform:scale(1);opacity:1}}@keyframes pulseWave{0%{transform:scale(1);opacity:.5}to{transform:scale(2);opacity:0}}.loader-dots{display:flex;gap:8px}.loader-dots span{width:12px;height:12px;background:var(--primary-500);border-radius:50%;animation:dotBounce 1.4s infinite ease-in-out}.loader-dots span:nth-child(2){animation-delay:.16s;background:var(--primary-400)}.loader-dots span:nth-child(3){animation-delay:.32s;background:var(--primary-300)}@keyframes dotBounce{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}.loader-text{margin-top:24px;font-size:1rem;font-weight:600;color:var(--gray-600);animation:fadeInOut 1.5s infinite}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.skeleton{background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text:last-child{width:60%}.skeleton-card{height:120px;margin-bottom:16px}.reminders-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#fff,#f8fafc)}.reminders-page.loading-state{display:flex;align-items:center;justify-content:center}.reminders-header{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);padding:16px 0;position:sticky;top:0;z-index:100}.reminders-header .header-content{display:flex;align-items:center;justify-content:space-between;gap:20px}.reminders-header h1{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#64748b;font-size:.9375rem;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s}.back-btn:hover{background:#f1f5f9;color:#1e293b}.add-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.add-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f14d}.stats-summary{padding:24px 0;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.2)}.stat-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:1.75rem;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:.8125rem;color:#fffc;font-weight:500}.tabs-container{background:#fff;border-bottom:1px solid #e2e8f0;padding:0;position:sticky;top:65px;z-index:99}.tabs{display:flex;gap:0}.tab{flex:1;background:none;border:none;padding:16px 24px;font-size:.9375rem;font-weight:600;color:#64748b;cursor:pointer;position:relative;transition:all .2s}.tab:hover{color:#1e293b;background:#f8fafc}.tab.active{color:#6366f1}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px 3px 0 0}.reminders-main{padding:32px 0 100px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:20px;border:1px solid #e2e8f0}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 8px}.empty-state p{color:#64748b;margin:0 0 24px}.timeline{display:flex;flex-direction:column;gap:0;position:relative}.timeline:before{content:"";position:absolute;left:80px;top:24px;bottom:24px;width:2px;background:#e2e8f0}.timeline-item{display:flex;align-items:flex-start;gap:24px;position:relative}.timeline-time{width:60px;font-size:.875rem;font-weight:600;color:#64748b;text-align:right;padding-top:16px;flex-shrink:0}.timeline-dot{width:16px;height:16px;border-radius:50%;background:#cbd5e1;flex-shrink:0;margin-top:16px;position:relative;z-index:1;box-shadow:0 0 0 4px #fff}.timeline-content{flex:1;padding:8px 0 24px}.dose-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .2s}.dose-card:hover{border-color:#6366f1;box-shadow:0 4px 20px #6366f11a}.timeline-item.taken .dose-card{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.timeline-item.skipped .dose-card{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.timeline-item.missed .dose-card{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.dose-info h4{margin:0 0 4px;font-size:1rem;font-weight:600;color:#1e293b}.dose-dosage{font-size:.8125rem;color:#64748b}.dose-actions{display:flex;gap:8px}.dose-btn{padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.dose-btn.take{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.dose-btn.take:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.dose-btn.skip{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.dose-btn.skip:hover{background:#e2e8f0}.dose-status{padding:6px 12px;border-radius:6px;font-size:.8125rem;font-weight:600}.dose-status.taken{background:#d1fae5;color:#059669}.dose-status.skipped{background:#fef3c7;color:#d97706}.dose-status.missed{background:#fee2e2;color:#dc2626}.reminders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.reminders-page .alert{max-width:800px;margin:16px auto}.alert-error{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1px solid #fecaca;border-radius:12px;color:#dc2626}.alert-error p{flex:1;margin:0;font-weight:500}.alert-error button{background:none;border:none;cursor:pointer;opacity:.6}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.reminders-header .header-content{flex-wrap:wrap}.reminders-header h1{flex:1;order:1;text-align:center}.back-btn{order:0}.header-actions{order:2}.add-btn span{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px;flex-direction:column;text-align:center;gap:12px}.stat-value{font-size:1.5rem}.timeline:before{left:12px}.timeline-item{gap:12px}.timeline-time{width:auto;position:absolute;right:0;top:14px;padding:4px 8px;background:#f1f5f9;border-radius:6px;font-size:.75rem}.timeline-dot{margin-left:4px}.timeline-content{margin-left:24px;padding-right:70px}.dose-card{flex-direction:column;align-items:flex-start}.dose-actions{width:100%;margin-top:12px}.dose-btn{flex:1;text-align:center}.reminders-grid{grid-template-columns:1fr}}.member-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:20px;transition:all .2s ease}.member-card:hover{border-color:#c7d2fe;box-shadow:0 4px 20px #6366f114}.member-card.pending{opacity:.75;border-style:dashed}.member-card-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.member-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-avatar-icon{font-size:1.5rem}.member-info{flex:1;min-width:0}.member-name{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-relationship{font-size:.8125rem;color:#64748b;display:block}.member-age{font-size:.75rem;color:#94a3b8;display:block}.member-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex-shrink:0}.role-badge{font-size:.6875rem;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.role-badge.caretaker{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.role-badge.member{background:#f1f5f9;color:#64748b}.status-badge.pending{font-size:.625rem;font-weight:600;padding:2px 8px;border-radius:20px;background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.member-quick-info{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.quick-tag{font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:8px;display:inline-flex;align-items:center;gap:4px}.quick-tag.blood{background:#fef2f2;color:#dc2626}.quick-tag.emergency{background:#fff7ed;color:#ea580c}.quick-tag.phone{background:#f0fdf4;color:#16a34a}.member-health-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.health-tag{font-size:.6875rem;font-weight:500;padding:3px 8px;border-radius:6px}.health-tag.allergy{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.health-tag.condition{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.member-notes{font-size:.8125rem;color:#64748b;margin:0 0 12px;line-height:1.5;font-style:italic}.member-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9}.member-action-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-size:.8125rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.member-action-btn.edit{background:#f1f5f9;color:#475569}.member-action-btn.edit:hover{background:#e2e8f0;color:#1e293b}.member-action-btn.remove{background:#fef2f2;color:#dc2626;margin-left:auto}.member-action-btn.remove:hover{background:#fee2e2}@media(max-width:480px){.member-card-header{flex-wrap:wrap}.member-badges{flex-direction:row;width:100%;justify-content:flex-start}.member-actions{flex-wrap:wrap}}.emergency-panel{background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1px solid #fecaca;border-radius:16px;padding:20px;margin-bottom:24px}.emergency-panel-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.emergency-icon{font-size:1.25rem}.emergency-panel-header h3{font-size:1rem;font-weight:700;color:#991b1b;margin:0}.emergency-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.emergency-item{background:#fff;border-radius:12px;padding:16px;border:1px solid #fecaca}.emergency-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #fef2f2}.emergency-member-name{font-weight:700;font-size:.9375rem;color:#0f172a}.emergency-member-rel{font-size:.75rem;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:20px}.emergency-details{display:flex;flex-direction:column;gap:10px}.emergency-detail{display:flex;flex-direction:column;gap:4px}.emergency-detail.blood{flex-direction:row;align-items:center;justify-content:space-between}.detail-label{font-size:.6875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.detail-value{font-size:.875rem;font-weight:600;color:#1e293b}.blood-value{background:#dc2626;color:#fff;padding:2px 12px;border-radius:20px;font-size:.8125rem}.phone-link{color:#16a34a;text-decoration:none;font-weight:600}.phone-link:hover{text-decoration:underline}.detail-tags{display:flex;flex-wrap:wrap;gap:4px}.allergy-tag{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:6px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.condition-tag{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:6px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}@media(max-width:480px){.emergency-grid{grid-template-columns:1fr}}.add-member-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.add-member-modal{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 60px #00000040;animation:slideUp .3s ease}.add-member-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f1f5f9;position:sticky;top:0;background:#fff;border-radius:20px 20px 0 0;z-index:1}.add-member-header h3{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0}.modal-close-btn{background:#f1f5f9;border:none;border-radius:10px;padding:6px;cursor:pointer;color:#64748b;transition:all .2s}.modal-close-btn:hover{background:#e2e8f0;color:#0f172a}.add-member-error{margin:12px 24px 0;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.8125rem;font-weight:500}.add-member-form{padding:20px 24px}.form-section{margin-bottom:20px}.form-section h4{font-size:.875rem;font-weight:700;color:#475569;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.form-group label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;color:#0f172a;background:#f8fafc;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf826;background:#fff}.form-group textarea{resize:vertical;min-height:60px}.checkbox-group{justify-content:center}.checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer;text-transform:none!important;font-size:.8125rem!important;color:#475569!important;font-weight:500!important}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1;cursor:pointer}.add-member-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:16px;border-top:1px solid #f1f5f9}.btn-cancel{padding:10px 20px;border-radius:10px;font-size:.875rem;font-weight:600;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f8fafc;color:#0f172a}.btn-submit{padding:10px 24px;border-radius:10px;font-size:.875rem;font-weight:600;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;transition:all .2s}.btn-submit:hover{box-shadow:0 4px 15px #6366f166;transform:translateY(-1px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:560px){.add-member-modal{max-height:90vh;border-radius:16px}.form-row{grid-template-columns:1fr}.add-member-header{border-radius:16px 16px 0 0}}.invite-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:invFadeIn .2s ease}@keyframes invFadeIn{0%{opacity:0}to{opacity:1}}.invite-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;padding:24px;box-shadow:0 25px 60px #00000040;animation:invSlideUp .3s ease}@keyframes invSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.invite-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.invite-header-icon{font-size:1.5rem}.invite-header h3{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0;flex:1}.invite-close{background:#f1f5f9;border:none;border-radius:10px;padding:6px;cursor:pointer;color:#64748b;transition:all .2s}.invite-close:hover{background:#e2e8f0;color:#0f172a}.invite-desc{font-size:.8125rem;color:#64748b;line-height:1.5;margin:0 0 16px}.invite-result{padding:10px 14px;border-radius:10px;font-size:.8125rem;font-weight:500;margin-bottom:14px}.invite-result.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.invite-result.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.invite-form{display:flex;flex-direction:column;gap:14px}.invite-field{display:flex;flex-direction:column;gap:4px}.invite-field label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.invite-field input,.invite-field select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;color:#0f172a;background:#f8fafc;transition:all .2s;font-family:inherit}.invite-field input:focus,.invite-field select:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf826;background:#fff}.invite-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.invite-cancel{padding:10px 18px;border-radius:10px;font-size:.875rem;font-weight:600;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.invite-cancel:hover{background:#f8fafc;color:#0f172a}.invite-send{padding:10px 22px;border-radius:10px;font-size:.875rem;font-weight:600;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;transition:all .2s}.invite-send:hover:not(:disabled){box-shadow:0 4px 15px #6366f166;transform:translateY(-1px)}.invite-send:disabled{opacity:.5;cursor:not-allowed}.family-page{max-width:900px;margin:0 auto;padding:24px 20px 40px;min-height:100vh;background:#f8fafc}.family-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.family-header-left{display:flex;align-items:center;gap:14px}.back-btn{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px;cursor:pointer;color:#64748b;transition:all .2s;display:flex;align-items:center}.back-btn:hover{background:#f1f5f9;color:#0f172a}.family-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0;line-height:1.2}.family-subtitle{font-size:.8125rem;color:#64748b;margin:2px 0 0}.add-member-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:.875rem;font-weight:700;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap}.add-member-btn:hover{box-shadow:0 4px 20px #6366f166;transform:translateY(-1px)}.family-header-actions{display:flex;gap:10px;align-items:center}.invite-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:12px;font-size:.875rem;font-weight:600;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .2s;white-space:nowrap}.invite-btn:hover{background:#f8fafc;border-color:#818cf8;color:#6366f1}.family-error{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:16px;font-size:.875rem;color:#dc2626}.family-error button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1rem;padding:2px 6px}.family-loading{display:flex;justify-content:center;align-items:center;min-height:300px}.emergency-section{margin-bottom:24px}.emergency-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1px solid #fecaca;border-radius:12px;font-size:.875rem;font-weight:700;color:#991b1b;cursor:pointer;margin-bottom:12px;transition:all .2s}.emergency-toggle:hover{background:linear-gradient(135deg,#fee2e2,#ffe4e6)}.toggle-arrow{margin-left:auto;transition:transform .2s}.toggle-arrow.open{transform:rotate(180deg)}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:20px;border:2px dashed #e2e8f0}.empty-icon{font-size:3rem;margin-bottom:16px}.empty-state h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 8px}.empty-state p{font-size:.875rem;color:#64748b;max-width:360px;margin:0 auto 24px}.empty-add-btn{padding:12px 28px;border-radius:12px;font-size:.9375rem;font-weight:700;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;transition:all .2s}.empty-add-btn:hover{box-shadow:0 4px 20px #6366f166;transform:translateY(-2px)}@media(max-width:640px){.family-header{flex-direction:column;align-items:flex-start}.add-member-btn{width:100%;justify-content:center}.members-grid{grid-template-columns:1fr}.family-title{font-size:1.25rem}}.pharmacy-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e8e8e8);border-radius:16px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.pharmacy-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#06b6d4);opacity:0;transition:opacity .3s ease}.pharmacy-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.pharmacy-card:hover:before{opacity:1}.pharmacy-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.pharmacy-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#10b981}.pharmacy-info{flex:1;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pharmacy-name{font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a2e);margin:0;line-height:1.3}.pharmacy-status{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap;flex-shrink:0}.pharmacy-status.open{color:#059669;background:#ecfdf5}.pharmacy-status.closed{color:#dc2626;background:#fef2f2}.pharmacy-address{font-size:.85rem;color:var(--text-secondary, #6b7280);margin:0 0 12px;line-height:1.4}.pharmacy-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pharmacy-rating{display:flex;align-items:center;gap:4px}.pharmacy-rating .stars{color:#f59e0b;font-size:.85rem;letter-spacing:1px}.pharmacy-rating .rating-value{font-weight:600;font-size:.85rem;color:var(--text-primary, #1a1a2e)}.pharmacy-rating .rating-count{font-size:.75rem;color:var(--text-secondary, #6b7280)}.pharmacy-distance{display:flex;align-items:center;gap:4px;font-size:.82rem;color:var(--text-secondary, #6b7280);font-weight:500}.pharmacy-type-badge{display:inline-block;font-size:.7rem;font-weight:500;padding:3px 10px;border-radius:20px;background:#f0f9ff;color:#0284c7;margin-bottom:8px}.pharmacy-hours{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-secondary, #6b7280);margin:0 0 14px}.pharmacy-card-actions{display:flex;gap:8px;padding-top:14px;border-top:1px solid var(--border-color, #f0f0f0)}.pharmacy-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:10px;font-size:.78rem;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:all .2s ease}.call-btn{background:#ecfdf5;color:#059669}.call-btn:hover{background:#d1fae5}.directions-btn{background:#eff6ff;color:#2563eb}.directions-btn:hover{background:#dbeafe}.compare-btn{background:#fef3c7;color:#d97706}.compare-btn:hover{background:#fde68a}@media(prefers-color-scheme:dark){.pharmacy-card{background:#1e1e2e;border-color:#2e2e3e}.pharmacy-card:hover{box-shadow:0 8px 24px #0000004d}.pharmacy-icon{background:linear-gradient(135deg,#064e3b,#065f46)}.pharmacy-name{color:#f1f5f9}.pharmacy-status.open{background:#064e3b}.pharmacy-status.closed{background:#450a0a}.pharmacy-address,.pharmacy-distance,.pharmacy-hours,.pharmacy-rating .rating-count{color:#94a3b8}.pharmacy-rating .rating-value{color:#f1f5f9}.pharmacy-type-badge{background:#0c4a6e;color:#7dd3fc}.pharmacy-card-actions{border-top-color:#2e2e3e}.call-btn{background:#064e3b;color:#34d399}.directions-btn{background:#1e3a5f;color:#60a5fa}.compare-btn{background:#451a03;color:#fbbf24}}@media(max-width:480px){.pharmacy-card{padding:16px}.pharmacy-card-actions{flex-direction:column}.pharmacy-btn{padding:10px}}.price-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.price-modal{background:var(--card-bg, #ffffff);border-radius:20px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000026;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.price-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 0}.price-modal-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary, #1a1a2e);margin:0}.price-subtitle{font-size:.82rem;color:var(--text-secondary, #6b7280);margin:4px 0 0}.price-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.price-close-btn:hover{background:#e5e7eb;color:#1f2937}.price-search-form{display:flex;gap:8px;padding:16px 24px}.price-search-input-wrap{flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;border:2px solid #e5e7eb;border-radius:12px;transition:border-color .2s;color:#9ca3af}.price-search-input-wrap:focus-within{border-color:#10b981;color:#10b981}.price-search-input-wrap input{flex:1;border:none;outline:none;font-size:.9rem;background:transparent;color:var(--text-primary, #1a1a2e)}.price-search-input-wrap input::placeholder{color:#9ca3af}.price-search-btn{padding:10px 18px;border:none;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.price-search-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.price-search-btn:disabled{opacity:.5;cursor:not-allowed}.price-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 24px 16px}.suggestion-chip{padding:5px 12px;border-radius:20px;border:1px solid #e5e7eb;background:transparent;color:var(--text-secondary, #6b7280);font-size:.75rem;cursor:pointer;transition:all .2s}.suggestion-chip:hover{background:#ecfdf5;border-color:#10b981;color:#059669}.price-error{margin:0 24px 16px;padding:12px 16px;background:#fef2f2;color:#dc2626;border-radius:10px;font-size:.85rem;display:flex;align-items:center;gap:8px}.price-loading{padding:0 24px 24px;display:flex;flex-direction:column;gap:12px}.price-skeleton{height:60px;border-radius:12px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.price-results{padding:0 24px 24px}.price-results-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.price-results-header h3{font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a2e);margin:0}.price-category{font-size:.75rem;color:var(--text-secondary, #6b7280)}.ai-badge{font-size:.65rem;font-weight:600;padding:3px 8px;border-radius:6px;background:#f0f9ff;color:#0284c7;text-transform:uppercase;letter-spacing:.5px}.best-price-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;margin-bottom:14px;color:#059669;font-size:.85rem}.price-list{display:flex;flex-direction:column;gap:8px}.price-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s}.price-item.best{border-color:#10b981;background:#f0fdf4}.price-item:hover{border-color:#10b981}.price-item-brand{font-weight:600;font-size:.88rem;color:var(--text-primary, #1a1a2e)}.price-item-details{font-size:.75rem;color:var(--text-secondary, #6b7280);margin-top:2px}.price-item-pricing{display:flex;align-items:center;gap:8px;flex-shrink:0}.price-mrp{font-size:.78rem;color:#9ca3af;text-decoration:line-through}.price-final{font-weight:700;font-size:1rem;color:#059669}.price-discount{font-size:.68rem;font-weight:600;padding:2px 6px;border-radius:6px;background:#dcfce7;color:#16a34a}@media(prefers-color-scheme:dark){.price-modal{background:#1e1e2e}.price-modal-header h2{color:#f1f5f9}.price-close-btn{background:#2e2e3e;color:#94a3b8}.price-search-input-wrap{border-color:#2e2e3e}.price-search-input-wrap input{color:#f1f5f9}.suggestion-chip{border-color:#2e2e3e;color:#94a3b8}.suggestion-chip:hover{background:#064e3b;color:#34d399}.price-error{background:#450a0a;color:#fca5a5}.price-skeleton{background:linear-gradient(90deg,#2e2e3e 25%,#3e3e4e,#2e2e3e 75%);background-size:200% 100%}.price-results-header h3,.price-item-brand{color:#f1f5f9}.ai-badge{background:#0c4a6e;color:#7dd3fc}.best-price-banner{background:linear-gradient(135deg,#064e3b,#065f46);color:#34d399}.price-item{border-color:#2e2e3e}.price-item.best{border-color:#059669;background:#064e3b}}@media(max-width:480px){.price-modal{border-radius:16px 16px 0 0;max-height:90vh;align-self:flex-end}.price-search-form{flex-direction:column}.price-item{flex-direction:column;align-items:flex-start;gap:8px}}.refill-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:refillFadeIn .2s ease}@keyframes refillFadeIn{0%{opacity:0}to{opacity:1}}.refill-modal{background:var(--card-bg, #ffffff);border-radius:20px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000026;animation:refillSlideUp .3s ease;overflow:hidden}@keyframes refillSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.refill-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px}.refill-modal-header h2{font-size:1.2rem;font-weight:700;color:var(--text-primary, #1a1a2e);margin:0}.refill-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.refill-close-btn:hover{background:#e5e7eb}.refill-form{padding:0 24px 24px}.refill-form-group{margin-bottom:16px}.refill-form-group label{display:block;font-size:.82rem;font-weight:600;color:var(--text-primary, #374151);margin-bottom:6px}.refill-form-group input,.refill-form-group textarea,.refill-form-group select{width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:.9rem;color:var(--text-primary, #1a1a2e);background:var(--card-bg, #ffffff);transition:border-color .2s;outline:none;box-sizing:border-box}.refill-form-group input:focus,.refill-form-group textarea:focus,.refill-form-group select:focus{border-color:#10b981}.refill-form-group textarea{resize:vertical;min-height:72px}.refill-form-row{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.refill-error{padding:10px 14px;background:#fef2f2;color:#dc2626;border-radius:10px;font-size:.82rem;display:flex;align-items:center;gap:8px;margin-bottom:16px}.refill-form-actions{display:flex;gap:10px;padding-top:8px}.refill-cancel-btn{flex:1;padding:12px;border:2px solid #e5e7eb;border-radius:12px;background:transparent;color:var(--text-secondary, #6b7280);font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s}.refill-cancel-btn:hover{border-color:#d1d5db;background:#f9fafb}.refill-submit-btn{flex:1.5;padding:12px;border:none;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.refill-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.refill-submit-btn:disabled{opacity:.5;cursor:not-allowed}.refill-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:refillSpin .6s linear infinite}@keyframes refillSpin{to{transform:rotate(360deg)}}.refill-success{padding:32px 24px;text-align:center}.success-icon{font-size:3rem;margin-bottom:12px}.refill-success h3{font-size:1.15rem;font-weight:700;color:var(--text-primary, #1a1a2e);margin:0 0 8px}.refill-success p{font-size:.85rem;color:var(--text-secondary, #6b7280);margin:0 0 20px}.success-details{background:#f0fdf4;border-radius:12px;padding:16px;margin-bottom:20px}.success-detail-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.85rem}.success-detail-row:not(:last-child){border-bottom:1px solid #dcfce7}.success-detail-row span{color:var(--text-secondary, #6b7280)}.success-detail-row strong{color:var(--text-primary, #1a1a2e)}.refill-done-btn{width:100%;padding:12px;border:none;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.refill-done-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}@media(prefers-color-scheme:dark){.refill-modal{background:#1e1e2e}.refill-modal-header h2,.refill-success h3{color:#f1f5f9}.refill-close-btn{background:#2e2e3e;color:#94a3b8}.refill-form-group label{color:#cbd5e1}.refill-form-group input,.refill-form-group textarea{background:#2e2e3e;border-color:#3e3e4e;color:#f1f5f9}.refill-cancel-btn{border-color:#3e3e4e;color:#94a3b8}.refill-error{background:#450a0a;color:#fca5a5}.success-details{background:#064e3b}.success-detail-row:not(:last-child){border-bottom-color:#065f46}.success-detail-row strong{color:#f1f5f9}}@media(max-width:480px){.refill-modal{border-radius:16px 16px 0 0;align-self:flex-end}.refill-form-row{grid-template-columns:1fr}}.pharmacy-page{min-height:100vh;background:var(--bg-primary, #f8fafc)}.pharmacy-container{max-width:900px;margin:0 auto;padding:20px}.pharmacy-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.pharmacy-header-left{display:flex;align-items:center;gap:12px}.pharmacy-back-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, #ffffff);color:var(--text-primary, #374151);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pharmacy-back-btn:hover{background:#f3f4f6}.pharmacy-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1a1a2e);margin:0}.pharmacy-header-subtitle{font-size:.8rem;color:var(--text-secondary, #6b7280);margin:2px 0 0}.pharmacy-refill-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.pharmacy-refill-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.pharmacy-search-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--card-bg, #ffffff);border:2px solid var(--border-color, #e5e7eb);border-radius:14px;margin-bottom:20px;transition:border-color .2s;color:#9ca3af}.pharmacy-search-bar:focus-within{border-color:#10b981;color:#10b981}.pharmacy-search-bar input{flex:1;border:none;outline:none;font-size:.92rem;background:transparent;color:var(--text-primary, #1a1a2e)}.pharmacy-search-bar input::placeholder{color:#9ca3af}.search-clear{width:24px;height:24px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.pharmacy-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e8e8e8);border-radius:16px;cursor:pointer;transition:all .2s}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.quick-action-card span{font-size:.78rem;font-weight:600;color:var(--text-primary, #374151)}.quick-action-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.price-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.refill-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#10b981}.refresh-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.pharmacy-error{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:20px}.pharmacy-error p{flex:1;margin:0;font-size:.85rem;color:#dc2626}.pharmacy-error button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1rem}.pharmacy-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.pharmacy-skeleton-card{background:var(--card-bg, #ffffff);border-radius:16px;padding:20px;border:1px solid var(--border-color, #e8e8e8)}.skeleton-header{height:44px;border-radius:10px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;margin-bottom:14px}.skeleton-line{height:14px;border-radius:8px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;margin-bottom:10px}.skeleton-line.short{width:60%}.skeleton-actions{height:36px;border-radius:10px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;margin-top:14px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pharmacy-empty{text-align:center;padding:48px 20px}.empty-emoji{font-size:3.5rem;margin-bottom:12px}.pharmacy-empty h3{font-size:1.1rem;font-weight:600;color:var(--text-primary, #1a1a2e);margin:0 0 8px}.pharmacy-empty p{font-size:.85rem;color:var(--text-secondary, #6b7280);margin:0 0 20px}.pharmacy-retry-btn{padding:10px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.pharmacy-retry-btn:hover{transform:translateY(-1px)}.pharmacy-section{margin-bottom:28px}.pharmacy-section-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--text-primary, #1a1a2e);margin:0 0 14px}.dot{width:8px;height:8px;border-radius:50%}.dot.open{background:#10b981}.dot.closed{background:#ef4444}.pharmacy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}@media(prefers-color-scheme:dark){.pharmacy-page{background:#111118}.pharmacy-header h1,.pharmacy-section-title,.pharmacy-empty h3{color:#f1f5f9}.pharmacy-back-btn{background:#1e1e2e;border-color:#2e2e3e;color:#94a3b8}.pharmacy-search-bar{background:#1e1e2e;border-color:#2e2e3e}.pharmacy-search-bar input{color:#f1f5f9}.search-clear{background:#2e2e3e;color:#94a3b8}.quick-action-card{background:#1e1e2e;border-color:#2e2e3e}.quick-action-card span{color:#cbd5e1}.quick-action-card:hover{box-shadow:0 6px 20px #0000004d}.price-icon{background:linear-gradient(135deg,#451a03,#78350f)}.refill-icon{background:linear-gradient(135deg,#064e3b,#065f46)}.refresh-icon{background:linear-gradient(135deg,#1e3a5f,#1e40af)}.pharmacy-error{background:#450a0a;border-color:#7f1d1d}.pharmacy-error p{color:#fca5a5}.pharmacy-skeleton-card{background:#1e1e2e;border-color:#2e2e3e}.skeleton-header,.skeleton-line,.skeleton-actions{background:linear-gradient(90deg,#2e2e3e 25%,#3e3e4e,#2e2e3e 75%);background-size:200% 100%}}@media(max-width:640px){.pharmacy-container{padding:16px}.pharmacy-header h1{font-size:1.25rem}.pharmacy-refill-btn span{display:none}.pharmacy-quick-actions{grid-template-columns:repeat(3,1fr);gap:8px}.quick-action-card{padding:14px 8px}.quick-action-icon{width:40px;height:40px}.pharmacy-grid{grid-template-columns:1fr}}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8fafc,#fff,#f8fafc)}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:998;animation:fadeIn .2s ease}.mobile-sidebar{position:fixed;top:0;right:-300px;width:280px;height:100vh;background:#fff;z-index:999;box-shadow:-4px 0 20px #00000026;transition:right .3s ease;display:flex;flex-direction:column}.mobile-sidebar.open{right:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.sidebar-header .logo{display:flex;align-items:center;gap:10px}.sidebar-header .logo h1{font-size:1.25rem}.sidebar-header .pill-logo{width:28px;height:28px}.sidebar-close{background:none;border:none;padding:8px;cursor:pointer;color:#64748b;border-radius:8px;transition:all .2s}.sidebar-close:hover{background:#f1f5f9;color:#1e293b}.sidebar-content{flex:1;display:flex;flex-direction:column;padding:20px}.sidebar-user{display:flex;align-items:center;gap:14px;padding:16px;background:#f8fafc;border-radius:12px;margin-bottom:24px}.user-avatar.large{width:48px;height:48px;font-size:1.125rem}.sidebar-user-info{display:flex;flex-direction:column;gap:2px}.sidebar-user-info .user-name{font-size:1rem;font-weight:600;color:#1e293b}.sidebar-user-info .user-email{font-size:.8125rem;color:#64748b}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;border-radius:10px;font-size:.9375rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s;text-align:left}.sidebar-nav button:hover{background:#f1f5f9;color:#1e293b}.sidebar-nav button.logout{color:#ef4444;margin-top:auto}.sidebar-nav button.logout:hover{background:#fef2f2}.hamburger-btn{background:none;border:none;padding:8px;cursor:pointer;color:#475569;border-radius:8px;transition:all .2s}.hamburger-btn:hover{background:#f1f5f9;color:#1e293b}.header{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);padding:16px 0;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px}.pill-logo{width:36px;height:36px;position:relative;transform:rotate(-45deg)}.pill-logo .pill-top,.pill-logo .pill-bottom{position:absolute;width:100%;height:50%;border-radius:100px 100px 0 0}.pill-logo .pill-top{top:0;background:linear-gradient(135deg,#f97316,#ea580c)}.pill-logo .pill-bottom{bottom:0;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:0 0 100px 100px}.logo h1{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.tagline{display:none;font-size:.9375rem;color:var(--gray-500);font-weight:500}@media(min-width:768px){.tagline{display:block}}.user-menu{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:100px}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:700;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{font-size:.875rem;color:var(--gray-700);font-weight:600}.dashboard-btn{padding:6px 14px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:100px;font-size:.8125rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.dashboard-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.logout-btn{padding:6px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:100px;font-size:.8125rem;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s}.logout-btn:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b)}.main{flex:1;padding:60px 0 100px}.section{max-width:800px;margin:0 auto}.section-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:48px}.section-header h2{font-size:2.75rem;font-weight:800;letter-spacing:-.03em;margin-bottom:16px;background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{font-size:1.125rem;color:var(--gray-500);max-width:520px;margin:0 auto;line-height:1.7}.alert{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:var(--radius-xl);margin-bottom:24px;max-width:800px;margin-left:auto;margin-right:auto;animation:fadeInUp .4s var(--ease-out)}.alert-error{background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1px solid #fecaca;color:#dc2626}.alert p{flex:1;margin:0;font-size:.9375rem;font-weight:500}.alert button{background:transparent;border:none;cursor:pointer;padding:4px;color:inherit;opacity:.6;transition:opacity var(--transition-fast);border-radius:var(--radius-md)}.alert button:hover{opacity:1;background:#0000000d}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}@media(max-width:768px){.features{grid-template-columns:1fr;gap:16px;margin-top:48px}}.feature{background:#fff;border-radius:var(--radius-2xl);padding:32px 28px;text-align:center;border:1px solid var(--gray-100);transition:all var(--transition-normal) var(--ease-out);position:relative;overflow:hidden}.feature:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));opacity:0;transition:opacity var(--transition-normal)}.feature:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-8px)}.feature:hover:before{opacity:1}.feature-icon{width:64px;height:64px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.75rem}.feature-icon.ocr{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.feature-icon.ai{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.feature-icon.lang{background:linear-gradient(135deg,#fef3c7,#fde68a)}.feature h4{font-size:1.125rem;font-weight:700;margin:0 0 8px;color:var(--gray-800)}.feature p{font-size:.9375rem;color:var(--gray-500);margin:0;line-height:1.6}.analyzing-section{text-align:center;padding:100px 0;animation:fadeIn .5s var(--ease-out)}.analyzing-hint{margin-top:20px;color:var(--gray-400);font-size:.9375rem;font-weight:500}.result-section{padding:40px;background:#fff;border-radius:var(--radius-2xl);border:1px solid var(--gray-100);box-shadow:var(--shadow-lg);max-width:900px;margin:0 auto;animation:fadeInUp .5s var(--ease-out)}.result-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--gray-100)}.result-header h2{font-size:1.75rem;margin:0 0 6px;font-weight:800}.result-header p{color:var(--gray-500);font-size:.9375rem}.result-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.result-actions .btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;color:var(--gray-600)}.result-actions .btn-icon:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600);transform:translateY(-1px)}.result-actions .btn-icon svg{flex-shrink:0}.result-loading{padding:40px;text-align:center}.prescription-info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:var(--radius-xl);padding:24px;margin-bottom:28px;position:relative;overflow:hidden}.prescription-info-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#0ea5e9,#0284c7)}.info-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(14,165,233,.2)}.info-card-icon{font-size:1.5rem}.info-card-header h3{margin:0;font-size:1.125rem;font-weight:700;color:#0369a1}.info-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a}.info-icon{font-size:1.5rem;flex-shrink:0}.info-content{display:flex;flex-direction:column;gap:2px}.info-label{font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:1rem;font-weight:600;color:#1e293b}.info-sub{font-size:.8rem;color:#64748b}@media(max-width:640px){.info-card-grid{grid-template-columns:1fr}}.explanation-card{background:linear-gradient(135deg,var(--primary-50) 0%,#ecfdf5 100%);border:1px solid var(--primary-200);border-radius:var(--radius-xl);padding:28px;margin-bottom:28px;position:relative;overflow:hidden}.explanation-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary-400),var(--primary-600))}.explanation-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.explanation-icon{width:44px;height:44px;background:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:var(--shadow-sm)}.explanation-header h3{margin:0;font-size:1.125rem;font-weight:700;color:var(--primary-800)}.explanation-text{font-size:1.0625rem;line-height:1.75;color:var(--gray-700);margin:0;padding-left:58px}.diagnosis-card{background:linear-gradient(135deg,var(--gray-50) 0%,#f1f5f9 100%);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:24px;margin-bottom:28px}.diagnosis-card h4{margin:0 0 10px;font-size:.8125rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em}.diagnosis-card p{margin:0;font-weight:600;color:var(--gray-800);font-size:1.0625rem}.medicines-section{margin-bottom:28px}.advice-card{background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fcd34d;border-radius:var(--radius-xl);padding:24px;margin-bottom:28px;position:relative;overflow:hidden}.advice-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#f59e0b,#d97706)}.advice-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.advice-icon{font-size:1.25rem}.advice-header h4{margin:0;font-size:.875rem;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.05em}.advice-card p{margin:0;padding-left:36px;font-size:1rem;line-height:1.7;color:#78350f}.medicines-section h3{margin-bottom:20px;font-size:1rem;font-weight:700;color:var(--gray-700);display:flex;align-items:center;gap:8px}.lifestyle-section{margin:28px 0}.lifestyle-section h3{margin-bottom:20px;font-size:1rem;font-weight:700;color:var(--gray-700)}.lifestyle-grid{display:flex;flex-direction:column;gap:12px}.lifestyle-card{display:flex;align-items:flex-start;gap:16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:var(--radius-lg);padding:18px;transition:all .3s ease}.lifestyle-card:hover{transform:translate(4px);box-shadow:0 4px 12px #22c55e26}.lifestyle-number{width:36px;height:36px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 2px 8px #22c55e4d}.lifestyle-content{flex:1}.lifestyle-advice{font-size:1rem;font-weight:600;color:#166534;margin:0 0 8px;line-height:1.5}.lifestyle-meta{display:flex;flex-wrap:wrap;gap:10px}.lifestyle-category{font-size:.75rem;font-weight:600;color:#15803d;background:#22c55e33;padding:4px 10px;border-radius:var(--radius-full)}.lifestyle-frequency{font-size:.75rem;color:#166534}.dos-donts-section{margin:28px 0}.dos-donts-section h3{margin-bottom:20px;font-size:1rem;font-weight:700;color:var(--gray-700)}.dos-donts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:640px){.dos-donts-grid{grid-template-columns:1fr}}.dos-card,.donts-card{border-radius:var(--radius-xl);padding:20px}.dos-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.donts-card{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5}.dos-card h4,.donts-card h4{margin:0 0 12px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dos-card h4{color:#166534}.donts-card h4{color:#991b1b}.dos-card ul,.donts-card ul{margin:0;padding-left:20px}.dos-card li{color:#166534;margin-bottom:8px;line-height:1.5}.donts-card li{color:#991b1b;margin-bottom:8px;line-height:1.5}.followup-card{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #d8b4fe;border-radius:var(--radius-xl);padding:24px;margin:28px 0;position:relative;overflow:hidden}.followup-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#a855f7,#7c3aed)}.followup-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.followup-icon{font-size:1.25rem}.followup-header h4{margin:0;font-size:.875rem;font-weight:700;color:#6b21a8;text-transform:uppercase;letter-spacing:.05em}.followup-card p{margin:0;padding-left:36px;font-size:1rem;line-height:1.7;color:#581c87}.medicines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.no-medicines-message{background:linear-gradient(135deg,var(--gray-50) 0%,#f1f5f9 100%);border:2px dashed var(--gray-300);border-radius:var(--radius-2xl);padding:48px 32px;text-align:center;margin-bottom:28px}.no-medicines-icon{font-size:3.5rem;margin-bottom:20px;opacity:.5}.no-medicines-message h3{font-size:1.375rem;color:var(--gray-700);margin:0 0 16px}.no-medicines-message p{font-size:1rem;color:var(--gray-500);margin:0 0 20px;line-height:1.7}.no-medicines-message ul{text-align:left;max-width:360px;margin:0 auto 20px;padding-left:28px;color:var(--gray-500);font-size:.9375rem}.no-medicines-message li{margin-bottom:8px;line-height:1.6}.extracted-text-section{margin-top:28px;border-radius:var(--radius-xl);border:1px solid var(--gray-200);overflow:hidden;background:#fff}.extracted-text-section summary{cursor:pointer;font-weight:600;font-size:.9375rem;color:var(--gray-600);padding:18px 24px;background:var(--gray-50);transition:all var(--transition-fast);list-style:none;display:flex;align-items:center;gap:10px}.extracted-text-section summary:before{content:"▸";font-size:.875rem;transition:transform var(--transition-fast)}.extracted-text-section[open] summary:before{transform:rotate(90deg)}.extracted-text-section summary:hover{background:var(--gray-100);color:var(--gray-800)}.extracted-text{padding:24px;background:var(--gray-50);font-size:.875rem;font-family:SF Mono,Monaco,Fira Code,Courier New,monospace;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;color:var(--gray-700);line-height:1.7;margin:0;border-top:1px solid var(--gray-200)}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:2000;animation:fadeIn .2s var(--ease-out)}.modal{background:#fff;border-radius:var(--radius-2xl);max-width:520px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);animation:fadeInUp .3s var(--ease-out)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--gray-100);flex-shrink:0}.modal-header h3{margin:0;font-size:1.375rem;font-weight:700}.modal-close{width:36px;height:36px;background:var(--gray-100);border:none;border-radius:var(--radius-lg);font-size:1.125rem;cursor:pointer;color:var(--gray-500);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:var(--gray-200);color:var(--gray-700)}.modal-body{padding:28px;overflow-y:auto}.modal-section{margin-bottom:28px}.modal-section:last-child{margin-bottom:0}.modal-section h4{font-size:.8125rem;font-weight:700;color:var(--gray-500);margin:0 0 10px;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:8px}.modal-section p{margin:0;line-height:1.7;color:var(--gray-700);font-size:1rem}.modal-section ul{margin:0;padding-left:24px;color:var(--gray-700);font-size:1rem}.modal-section li{margin-bottom:8px;line-height:1.6}.app-footer{background:linear-gradient(180deg,#0f172a,#1e293b);color:var(--gray-400);padding:64px 0 0;margin-top:auto}.app-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:56px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.08)}@media(max-width:768px){.app-footer-grid{grid-template-columns:1fr;gap:40px;text-align:center}}.app-footer-brand{max-width:320px}@media(max-width:768px){.app-footer-brand{max-width:100%}}.app-footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}@media(max-width:768px){.app-footer-logo{justify-content:center}}.app-footer-logo-mark{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b9814d}.app-footer-logo-mark svg{width:22px;height:22px;color:#fff}.app-footer-logo span{font-size:1.375rem;font-weight:800;color:#fff}.app-footer-tagline{color:var(--gray-400);font-size:1rem;line-height:1.7;margin:0}.app-footer-links h4{color:#fff;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0 0 24px}.app-footer-links ul{list-style:none;padding:0;margin:0}.app-footer-links li{color:var(--gray-400);font-size:1rem;padding:10px 0;cursor:pointer;transition:all var(--transition-fast)}.app-footer-links li:hover{color:var(--primary-400);transform:translate(4px)}.app-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:28px 0;flex-wrap:wrap;gap:20px}@media(max-width:768px){.app-footer-bottom{flex-direction:column;text-align:center}}.app-footer-bottom p{margin:0;font-size:.875rem;color:var(--gray-500)}.app-footer-disclaimer{display:flex;align-items:center;gap:8px;font-size:.875rem!important;color:var(--gray-500)!important}.app-footer-disclaimer svg{flex-shrink:0;opacity:.7}@media(max-width:768px){.main{padding:40px 0 80px}.section-header h2{font-size:2rem}.result-section{padding:28px;border-radius:var(--radius-xl)}.result-header{flex-direction:column;gap:20px}.result-actions{width:100%;justify-content:flex-start}.explanation-text{padding-left:0;margin-top:12px}.medicines-grid{grid-template-columns:1fr}}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--gray-700);cursor:pointer;padding:4px;border-radius:8px;transition:all .2s}.mobile-menu-toggle:hover{background:var(--gray-100);color:var(--primary-600)}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:99;opacity:0;visibility:hidden;transition:all .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-sidebar{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#fff;z-index:100;box-shadow:-4px 0 24px #00000026;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.mobile-menu-sidebar.open{transform:translate(-280px)}.mobile-menu-header{padding:24px;border-bottom:1px solid var(--gray-100);background:var(--gray-50)}.user-profile-summary{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.user-avatar.large{width:80px;height:80px;font-size:2rem;margin-bottom:4px}.user-info{display:flex;flex-direction:column;gap:4px}.user-info .user-name{font-size:1.125rem;font-weight:700;color:var(--gray-900)}.user-info .user-email{font-size:.875rem;color:var(--gray-500)}.mobile-nav{padding:24px;display:flex;flex-direction:column;gap:12px}.mobile-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:12px;color:var(--gray-700);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;text-align:left}.mobile-nav-item:hover,.mobile-nav-item:active{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.mobile-nav-item svg{color:var(--gray-400);transition:color .2s}.mobile-nav-item:hover svg{color:var(--primary-500)}.mobile-nav-item.logout{margin-top:auto;border-color:#fee2e2;color:#dc2626;background:#fef2f2}.mobile-nav-item.logout svg{color:#ef4444}.mobile-nav-item.logout:hover{background:#fee2e2;border-color:#fca5a5}@media(max-width:768px){.desktop-menu{display:none!important}.mobile-menu-toggle{display:block}.section-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px}.section-header h2{font-size:2rem;line-height:1.25;margin-bottom:16px;background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-header p{font-size:1rem;line-height:1.6;max-width:100%;margin:0}}.upload-container{width:100%;max-width:600px;margin:0 auto}.upload-box{background:#fff;border:2px dashed var(--gray-300);border-radius:var(--radius-2xl);padding:56px 40px;text-align:center;cursor:pointer;transition:all var(--transition-normal) var(--ease-out);position:relative;overflow:hidden}.upload-box:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-50) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-normal)}.upload-box:hover{border-color:var(--primary-400);border-style:solid;background:linear-gradient(180deg,white 0%,var(--primary-50) 100%);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.upload-box:hover:before{opacity:1}.upload-box.dragging{border-color:var(--primary-500);border-style:solid;background:var(--primary-50);transform:scale(1.02);box-shadow:var(--shadow-xl),0 0 40px #10b98133}.upload-box.dragging .upload-icon{transform:scale(1.1)}.upload-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:all var(--transition-normal) var(--ease-out);position:relative;z-index:1}.upload-icon svg{width:36px;height:36px;color:var(--primary-600)}.upload-box:hover .upload-icon{background:linear-gradient(135deg,var(--primary-200) 0%,var(--primary-300) 100%);transform:scale(1.05);box-shadow:0 8px 24px #10b98140}.upload-title{font-size:1.25rem;font-weight:700;color:var(--gray-800);margin-bottom:10px;position:relative;z-index:1}.upload-title span{color:var(--primary-600);text-decoration:underline;text-underline-offset:2px}.upload-subtitle{font-size:.9375rem;color:var(--gray-500);margin:0;position:relative;z-index:1}.upload-input{display:none}.upload-box.has-file{border-style:solid;border-color:var(--primary-400);background:linear-gradient(180deg,white 0%,var(--primary-50) 100%)}.upload-preview{position:relative;z-index:1}.upload-preview img{max-width:100%;max-height:280px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:20px;object-fit:contain}.upload-file-info{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--gray-600);font-size:.9375rem;font-weight:500;margin-bottom:16px}.upload-file-info svg{width:18px;height:18px;color:var(--primary-500)}.upload-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px;position:relative;z-index:1}.upload-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:100px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.upload-btn.browse{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.upload-btn.browse:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.upload-btn.camera{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.upload-btn.camera:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-hint{font-size:.8125rem;color:var(--gray-400);margin-top:16px;position:relative;z-index:1}.upload-formats{display:flex;justify-content:center;gap:10px;margin-top:24px;flex-wrap:wrap}.format-badge{padding:6px 14px;background:var(--gray-100);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast)}.format-badge:hover{background:var(--primary-100);color:var(--primary-700)}@media(max-width:768px){.upload-box{padding:40px 24px}.upload-icon{width:64px;height:64px}.upload-icon svg{width:28px;height:28px}.upload-title{font-size:1.125rem}}.webcam-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.webcam-modal{background:#fff;border-radius:16px;width:90%;max-width:640px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.webcam-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.webcam-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.webcam-close{background:none;border:none;padding:8px;cursor:pointer;color:#64748b;border-radius:8px;transition:all .2s}.webcam-close:hover{background:#f1f5f9;color:#1e293b}.webcam-content{position:relative;background:#0f172a}.webcam-video-container{position:relative;aspect-ratio:4/3}.webcam-video{width:100%;height:100%;object-fit:cover;display:block}.webcam-frame{position:absolute;inset:10%;border:2px dashed rgba(255,255,255,.5);border-radius:12px;pointer-events:none}.webcam-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172a;color:#fff}.webcam-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.webcam-loading p{font-size:.9375rem;color:#94a3b8;margin:0}.webcam-error{aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;background:#0f172a;color:#94a3b8}.webcam-error svg{color:#ef4444;margin-bottom:16px}.webcam-error p{margin:0 0 20px;font-size:.9375rem}.webcam-retry{padding:10px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.webcam-retry:hover{background:#2563eb}.webcam-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e2e8f0;justify-content:flex-end}.webcam-cancel{padding:12px 24px;background:#f1f5f9;color:#475569;border:none;border-radius:100px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.webcam-cancel:hover{background:#e2e8f0}.webcam-capture{display:flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:100px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.webcam-capture:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.webcam-capture:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.webcam-modal{width:100%;max-width:none;height:100%;max-height:none;border-radius:0}.webcam-video-container{aspect-ratio:auto;height:calc(100vh - 140px)}}.medicine-card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--gray-100);padding:24px;transition:all var(--transition-normal) var(--ease-out);position:relative;overflow:hidden}.medicine-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary-400),var(--primary-600));opacity:0;transition:opacity var(--transition-normal)}.medicine-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-lg),0 0 30px #10b98114;transform:translateY(-4px)}.medicine-card:hover:before{opacity:1}.medicine-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.medicine-header-text{display:flex;flex-direction:column;gap:4px}.medicine-icon{width:48px;height:48px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.375rem;flex-shrink:0;box-shadow:var(--shadow-sm)}.medicine-name{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin:0;line-height:1.3}.medicine-category{font-size:.75rem;font-weight:600;color:var(--primary-600);background:var(--primary-50);padding:4px 10px;border-radius:var(--radius-full);width:fit-content}.medicine-details{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}.medicine-detail{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.9375rem;font-weight:600;color:var(--gray-800);background:var(--gray-100);padding:8px 12px;border-radius:var(--radius-md)}.medicine-instructions{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:var(--radius-lg);padding:16px;margin-bottom:16px}.instructions-label{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;color:#1d4ed8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.instructions-text{font-size:.9375rem;color:var(--gray-700);line-height:1.6;margin:0}.ai-details-section{margin:16px 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200);background:linear-gradient(135deg,#fafafa,#f5f5f5)}.ai-toggle-btn{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.ai-toggle-btn:hover{filter:brightness(1.05)}.ai-toggle-icon{font-size:1.1rem}.ai-toggle-btn .chevron{margin-left:auto;transition:transform .3s ease}.ai-toggle-btn.expanded .chevron{transform:rotate(180deg)}.ai-details-content{padding:16px;display:flex;flex-direction:column;gap:12px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-detail-box{background:#fff;border-radius:var(--radius-md);padding:14px;border-left:3px solid var(--primary-500);box-shadow:0 2px 8px #0000000d}.ai-box-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ai-box-icon{font-size:1.1rem}.ai-box-title{font-size:.8rem;font-weight:700;color:var(--gray-700);text-transform:uppercase;letter-spacing:.03em}.ai-box-text{font-size:.9rem;color:var(--gray-700);line-height:1.6;margin:0}.ai-box-list{margin:0;padding-left:20px;font-size:.9rem;color:var(--gray-700);line-height:1.8}.ai-box-list li{margin-bottom:4px}.ai-detail-box.what-it-does{border-left-color:#6366f1;background:linear-gradient(to right,#eef2ff,#fff)}.ai-detail-box.why-prescribed{border-left-color:#10b981;background:linear-gradient(to right,#ecfdf5,#fff)}.ai-detail-box.food-interactions{border-left-color:#f59e0b;background:linear-gradient(to right,#fffbeb,#fff)}.ai-detail-box.warnings{border-left-color:#ef4444;background:linear-gradient(to right,#fef2f2,#fff)}.ai-detail-box.side-effects{border-left-color:#8b5cf6;background:linear-gradient(to right,#f5f3ff,#fff)}.ai-disclaimer{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--gray-100);border-radius:var(--radius-md);font-size:.75rem;color:var(--gray-500)}.ai-disclaimer span{font-size:.875rem;flex-shrink:0}.ai-disclaimer p{margin:0;line-height:1.4}.medicine-info-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;margin-top:8px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #10b98159;position:relative;overflow:hidden}.medicine-info-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.medicine-info-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #10b98173}.medicine-info-btn:hover:before{left:100%}.medicine-info-btn:active{transform:translateY(-1px)}@media(max-width:768px){.medicine-card{padding:20px}.medicine-details{grid-template-columns:1fr}.ai-toggle-btn{font-size:.8rem;padding:12px 14px}}.language-selector{position:relative;z-index:50}.language-selector.disabled{opacity:.5;pointer-events:none}.language-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.language-toggle:hover{border-color:var(--gray-300);background:var(--gray-50)}.language-icon{font-size:1rem}.language-current{font-weight:500}.language-arrow{font-size:.5rem;color:var(--gray-400);transition:transform var(--transition-fast);margin-left:2px}.language-arrow.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:320px;overflow-y:auto;animation:fadeIn .15s var(--ease-out)}.language-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;background:transparent;border:none;font-size:.875rem;font-weight:500;color:var(--gray-700);cursor:pointer;text-align:left;transition:background var(--transition-fast);font-family:var(--font-family)}.language-option:hover{background:var(--gray-50)}.language-option.active{background:var(--primary-50);color:var(--primary-700)}.language-option .check{color:var(--primary-500);font-weight:700;font-size:.875rem}.language-option:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.language-option:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.chatbot-fab{position:fixed;bottom:90px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 24px;background:#1e293b;color:#fff;border:none;border-radius:50px;font-size:.9375rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #00000026;transition:all .2s ease;z-index:999}.chatbot-fab:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003;background:#334155}.fab-icon{font-size:1.125rem}.fab-text{font-weight:600;letter-spacing:.01em}.chatbot,.chat-container{position:fixed;bottom:24px;right:24px;width:380px;height:540px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001f;display:flex;flex-direction:column;overflow:hidden;z-index:1000;animation:chatSlideIn .3s ease-out}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.chat-container,.chatbot{width:calc(100vw - 32px);height:calc(100vh - 100px);bottom:16px;right:16px}}.chatbot-header,.chat-header{background:#1e293b;color:#fff;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chatbot-title,.chat-header-info{display:flex;align-items:center;gap:12px}.chatbot-avatar,.chat-avatar{width:38px;height:38px;background:#3b82f6;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.125rem}.chatbot-title h4,.chat-header-text h3{margin:0;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:#fff}.chatbot-status,.chat-header-text p{font-size:.75rem;color:#94a3b8;margin-top:2px;display:block}.chatbot-minimize,.chat-header-btn{background:#ffffff1a;border:none;width:32px;height:32px;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.chatbot-minimize:hover,.chat-header-btn:hover{background:#ffffff26}.chat-header-btn svg{width:18px;height:18px;color:#fff}.chatbot-messages,.chat-messages{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:14px;background:#f8fafc}.message,.chat-message{display:flex;gap:10px;max-width:88%;animation:messageIn .25s ease-out}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user,.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant,.chat-message.assistant{align-self:flex-start}.message-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0;background:#e2e8f0}.message.user .message-avatar,.chat-message.user .message-avatar{background:#1e293b;color:#fff}.message.assistant .message-avatar,.chat-message.assistant .message-avatar{background:#3b82f6;color:#fff}.message-content,.message-bubble{padding:12px 16px;border-radius:14px;font-size:.875rem;line-height:1.55}.message.user .message-content,.chat-message.user .message-bubble{background:#1e293b;color:#fff;border-bottom-right-radius:4px}.message.assistant .message-content,.chat-message.assistant .message-bubble{background:#fff;color:#334155;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.message-content p{margin:0;color:inherit}.message-content.typing,.typing-indicator{display:flex;gap:5px;padding:14px 16px}.message-content.typing .dot,.typing-indicator span{width:7px;height:7px;background:#94a3b8;border-radius:50%;animation:typingBounce 1.4s infinite}.message-content.typing .dot:nth-child(2),.typing-indicator span:nth-child(2){animation-delay:.15s}.message-content.typing .dot:nth-child(3),.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.chatbot-suggestions{padding:14px 16px;background:#fff;border-top:1px solid #f1f5f9}.suggestions-label{font-size:.75rem;color:#64748b;margin:0 0 10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.suggestions-list{display:flex;flex-wrap:wrap;gap:8px}.suggestion-btn{padding:8px 14px;background:#f1f5f9;border:none;border-radius:20px;font-size:.8125rem;color:#475569;cursor:pointer;transition:all .2s}.suggestion-btn:hover{background:#1e293b;color:#fff}.chatbot-input,.chat-input-area{padding:14px 16px;background:#fff;border-top:1px solid #f1f5f9;display:flex;gap:10px;flex-shrink:0}.chatbot-input input,.chat-input{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:.875rem;outline:none;transition:all .2s;background:#f8fafc}.chatbot-input input:focus,.chat-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.chatbot-input input::placeholder,.chat-input::placeholder{color:#94a3b8}.send-btn,.chat-send-btn{width:44px;height:44px;background:#3b82f6;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.send-btn:hover:not(:disabled),.chat-send-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.02)}.send-btn:disabled,.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn svg,.chat-send-btn svg{width:18px;height:18px;color:#fff}.chatbot-messages::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:5px}.chatbot-messages::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.chatbot-messages::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.offline-indicator{position:fixed;top:0;left:0;right:0;z-index:9999;padding:10px 16px;text-align:center;animation:slideDown .3s ease-out;font-family:Inter,sans-serif}.offline-indicator.offline{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.offline-indicator.online{background:linear-gradient(135deg,#10b981,#059669);color:#fff;animation:slideDown .3s ease-out,fadeOut .3s ease-out 2.5s forwards}.offline-indicator-content{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500}.offline-icon,.online-icon{width:18px;height:18px;flex-shrink:0}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}body.has-offline-indicator{padding-top:42px}@media(max-width:480px){.offline-indicator{padding:8px 12px}.offline-indicator-content{font-size:13px}.offline-icon,.online-icon{width:16px;height:16px}}.install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9998;width:calc(100% - 32px);max-width:400px;animation:installSlideUp .4s cubic-bezier(.16,1,.3,1)}.install-prompt-content{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d inset}.install-prompt-icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto}.install-prompt-icon svg{width:24px;height:24px;color:#fff}.install-prompt-text{text-align:center}.install-prompt-text h4{color:#f8fafc;font-size:18px;font-weight:600;margin:0 0 6px;font-family:Inter,sans-serif}.install-prompt-text p{color:#94a3b8;font-size:14px;margin:0;line-height:1.5;font-family:Inter,sans-serif}.install-prompt-actions{display:flex;gap:12px}.install-btn{flex:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.install-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f166}.install-btn:active{transform:translateY(0)}.dismiss-btn{flex:1;background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 20px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.dismiss-btn:hover{background:#ffffff1a;color:#f8fafc}@keyframes installSlideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media(max-width:480px){.install-prompt{bottom:16px;width:calc(100% - 24px)}.install-prompt-content{padding:16px}.install-prompt-icon{width:40px;height:40px}.install-prompt-icon svg{width:20px;height:20px}.install-prompt-text h4{font-size:16px}.install-prompt-text p{font-size:13px}.install-btn,.dismiss-btn{padding:10px 16px;font-size:14px}}.install-floating-btn{position:fixed;bottom:20px;right:20px;z-index:9997;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #6366f14d;transition:all .3s ease;font-family:Inter,sans-serif;animation:fadeIn .4s ease-out}.install-floating-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #6366f180,0 4px 12px #0000004d}.install-floating-btn:active{transform:translateY(-1px) scale(.98)}.install-floating-btn svg{width:22px;height:22px;flex-shrink:0}.install-floating-btn span{white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.install-floating-btn{bottom:16px;right:16px;padding:12px;border-radius:12px}.install-floating-btn span{display:none}.install-floating-btn svg{width:20px;height:20px}}