@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary-color:#008774;--primary-hover:#007f6d;--primary-light:#ccfbf1;--accent-color:#14b8a6;--secondary-color:#0f172a;--text-title:#000;--text-main:#475569;--bg-main:#f8fafc;--bg-card:#fff;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--font-sans:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--transition-all:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-main);line-height:1.6;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-title);font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition-all);text-decoration:none}button{cursor:pointer;transition:var(--transition-all);background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.error-summary-state{text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:64px 24px;display:flex}.header-wrapper{z-index:1000;width:100%;transition:var(--transition-all);padding:20px 0;position:fixed;top:0;left:0}.header-wrapper.scrolled{-webkit-backdrop-filter:blur(12px);background:#ffffffe6;padding:12px 0;box-shadow:0 4px 20px #0000000d}.header-container{justify-content:space-between;align-items:center;display:flex}.nav-pill{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff6;border-radius:50px;flex-grow:1;justify-content:flex-start;margin-left:40px;padding:12px 32px;display:flex;box-shadow:0 10px 30px #0000000d}.top-logo-container{z-index:1001;height:0;position:relative}.static-logo,.logo-container{font-size:22px;font-weight:800;font-family:var(--font-heading);color:var(--secondary-color);align-items:center;gap:8px;display:flex}.logo-icon{background-color:var(--primary-color);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-text span{color:var(--primary-color)}.nav-links{justify-content:space-evenly;width:100%;display:flex}.nav-link{color:var(--text-main);cursor:pointer;font-size:15px;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary-color)}.nav-link:after{content:"";background-color:var(--primary-color);width:0;height:2px;transition:var(--transition-all);position:absolute;bottom:-4px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.mobile-menu-btn{color:var(--secondary-color);display:none}section{scroll-margin-top:100px}.hero-sec{background:linear-gradient(135deg,#f0fdfa 0%,#e6f4f1 50%,#fff 100%);padding-top:160px;padding-bottom:80px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.hero-badge{color:var(--primary-color);letter-spacing:.5px;background:#e6f7f4;border-radius:50px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.hero-title{margin-bottom:20px;font-size:56px;line-height:1.1}.hero-title span{color:var(--primary-color)}.hero-subtitle{color:var(--text-main);max-width:540px;margin-bottom:36px;font-size:16px;font-weight:700}.hero-buttons{gap:16px;margin-bottom:40px;display:flex}.btn-primary{background-color:var(--primary-color);color:#fff;border-radius:50px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #007a6433}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #007a644d}.btn-secondary{border:1.5px solid var(--primary-color);color:var(--primary-color);border-radius:50px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex}.btn-secondary:hover{background-color:var(--primary-light);transform:translateY(-2px)}.hero-benefits{border-top:1px solid #00000014;flex-direction:column;gap:16px;margin-bottom:40px;padding-top:24px;display:flex}.benefit-item{align-items:flex-start;gap:12px;display:flex}.benefit-icon{color:var(--accent-color);background:var(--primary-light);border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.benefit-text h4{color:var(--text-title);font-size:14px;font-weight:600}.benefit-text p{color:var(--text-main);font-size:13px}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-main-img{filter:drop-shadow(0 20px 40px #00000014);width:100%;max-width:480px}.trusted-users-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:60px;display:flex}.trusted-users-title{color:var(--text-main);margin-bottom:16px;font-size:15px}.trusted-users{justify-content:center;align-items:center;gap:12px;display:flex}.user-avatars{display:flex}.user-avatars img{border:2px solid #fff;border-radius:50%;width:32px;height:32px;margin-right:-10px}.trusted-text{color:var(--text-main);flex-direction:column;align-items:flex-start;margin-left:10px;font-size:13px;display:flex}.trusted-text strong{color:var(--text-title);font-weight:700;line-height:1.2}.trusted-text span{font-size:12px;line-height:1.2}.how-it-works-sec{background:#fff;margin-top:60px;padding-top:100px;padding-bottom:100px}.section-header{text-align:center;max-width:650px;margin:0 auto 60px}.section-header h2{margin-bottom:12px;font-size:38px}.section-header h2 span{color:var(--primary-color)}.section-header p{color:var(--text-main);margin-top:16px;font-size:16px}.steps-grid{grid-template-columns:1fr auto 1.1fr auto 1fr;align-items:center;gap:20px;display:grid}.step-card{background:var(--bg-card);border:1px solid var(--border-color);height:100%;box-shadow:var(--shadow-sm);transition:var(--transition-all);border-radius:24px;flex-direction:column;padding:32px;display:flex}.step-card:hover{box-shadow:var(--shadow-lg);border-color:#007a6433;transform:translateY(-5px)}.step-num{background-color:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:20px;font-size:15px;font-weight:700;display:flex}.step-card h3{margin-bottom:12px;font-size:20px}.step-card p{color:var(--text-main);margin-bottom:24px;font-size:14px}.step-arrow{color:var(--primary-color);background:var(--primary-light);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.upload-box{text-align:center;cursor:pointer;transition:var(--transition-all);-webkit-user-select:none;user-select:none;background:#fff;border:2px dashed #007a6466;border-radius:16px;margin-bottom:20px;padding:32px 16px}.upload-icon{color:var(--primary-color);margin-bottom:12px}.file-info{color:#64748b;justify-content:space-between;font-size:11px;display:flex}.brain-analysis{justify-content:center;align-items:center;margin:20px 0;display:flex;position:relative}.circle-progress{background:conic-gradient(var(--primary-color) 280deg, #e2e8f0 0deg);border-radius:50%;justify-content:center;align-items:center;width:160px;height:140px;animation:2s ease-in-out infinite pulse-circle;display:flex}.circle-inner{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.brain-icon{color:#3b82f6;animation:1.5s ease-in-out infinite pulse-brain}.analysis-status{width:100%;margin-top:16px}.progress-info{justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.how-it-works-sec .progress-bar{background:#e2e8f0;border-radius:7px;width:100%;height:14px;animation:none;overflow:hidden;transform:none}.progress-fill{background:var(--primary-color);border-radius:7px;width:78%;height:100%}.score-card{background:#fff;border:1px solid #e2e8f080;border-radius:16px;margin-bottom:16px;padding:16px}.score-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.score-title{text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-size:11px;font-weight:600}.badge-good{color:#15803d;background:#dcfce7;border-radius:50px;padding:2px 8px;font-size:11px;font-weight:600}.score-num{color:var(--text-title);font-size:28px;font-weight:800}.score-num span{color:#64748b;font-size:14px;font-weight:400}.insights-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.insight-line{align-items:center;gap:8px;font-size:12px;display:flex}.insight-check{color:#22c55e}.btn-text-arrow{color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.btn-text-arrow:hover{gap:12px}.cta-banner-sec{color:#fff;background:linear-gradient(135deg,#022c22 0%,#064e3b 100%);border-radius:30px;width:90%;max-width:1200px;margin:60px auto;padding:60px}.cta-banner-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.cta-banner-sec h2{color:#fff;margin-bottom:20px;font-size:42px}.cta-banner-sec p{color:#a7f3d0;margin-bottom:32px;font-size:16px}.cta-buttons{gap:16px;display:flex}.cta-white-btn{color:#064e3b;background:#fff;border-radius:8px;padding:14px 28px;font-weight:600;box-shadow:0 4px 12px #00000026}.cta-white-btn:hover{background:#fff;transform:translateY(-2px)}.cta-outline-btn{color:#fff;border:1.5px solid #fff;border-radius:8px;padding:14px 28px;font-weight:600}.cta-outline-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.phone-mockup-score{background:#0f172a;border:4px solid #1e293b;border-radius:20px;max-width:360px;margin-left:auto;padding:24px;box-shadow:0 25px 50px -12px #00000080}.score-widget{background:#1e293b;border-radius:12px;margin-bottom:16px;padding:16px}.progress-widget-bar{background:#334155;border-radius:4px;height:8px;margin-top:12px;overflow:hidden}.progress-widget-fill{background:#10b981;width:85%;height:100%}.ai-recommendation{background:#1e293b;border-radius:12px;padding:16px}.rec-title{color:#10b981;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.rec-desc{color:#94a3b8;margin-bottom:12px;font-size:12px}.rec-tags{gap:8px;display:flex}.rec-tag{color:#e2e8f0;background:#334155;border-radius:4px;padding:2px 8px;font-size:10px}.features-sec{background-color:#f0fdfa;padding:80px 0}.toggle-container{justify-content:center;margin-bottom:48px;display:flex}.toggle-switch{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:50px;gap:4px;padding:6px;display:flex}.toggle-btn{color:var(--text-main);border-radius:50px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;display:flex}.toggle-btn.active{background-color:var(--primary-color);color:#fff}.features-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.feature-card{border:1px solid var(--border-color);transition:var(--transition-all);text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;padding:28px;display:flex;position:relative}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-color);transform:translateY(-8px)}.feature-badge-num{background:var(--primary-light);color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex;position:absolute;top:20px;right:20px}.feature-img-custom{justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-img-custom img{object-fit:contain;width:160px;height:auto}.feature-img-wrapper{width:100px;height:100px;color:var(--primary-color);background:#f0fdfa;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex}.feature-card h3{margin-bottom:12px;font-size:16px;font-weight:700}.feature-card p{color:var(--text-main);font-size:13px}.about-us-sec{background:#fff;padding-top:100px}.about-top-layout{justify-content:space-between;align-items:center;gap:40px;margin-bottom:80px;display:flex}.about-top-left{flex:1}.about-top-right{flex:1.2}.about-hero-img{border-radius:16px;width:100%;box-shadow:0 20px 40px #00000014}.what-we-do-title{text-align:center;color:#111827;letter-spacing:1px;margin-bottom:50px;font-size:16px;font-weight:800}.what-we-do-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.wwd-card{border:1px solid var(--primary-color);text-align:center;background:linear-gradient(#fff 0%,#d1fae5 100%);border-radius:12px;padding:40px 24px 24px;position:relative;box-shadow:0 10px 20px #00000008}.wwd-icon-wrapper{width:50px;height:50px;color:var(--primary-color);border:1px solid var(--primary-color);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.wwd-card h4{color:var(--text-title);margin-bottom:12px;font-size:16px;font-weight:700}.wwd-card p{color:var(--text-main);font-size:14px;line-height:1.5}.faqs-sec{background:#f8fafc;margin-top:100px;padding-top:100px}.faqs-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.accordion{flex-direction:column;gap:16px;display:flex}.accordion-item{border:1px solid var(--border-color);transition:var(--transition-all);background:#fff;border-radius:16px;overflow:hidden}.accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.accordion-header h3{color:var(--text-title);text-align:left;font-size:16px;font-weight:600}.accordion-icon{color:var(--primary-color);transition:var(--transition-all)}.accordion-item.open .accordion-icon{transform:rotate(45deg)}.accordion-content{color:var(--text-main);text-align:left;border-top:1px solid #0000;padding:0 24px 20px;font-size:14px}.accordion-item.open{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.phone-illustration{justify-content:center;display:flex;position:relative}.mock-phone{width:290px;height:560px;box-shadow:var(--shadow-xl);background:#0f172a;border:12px solid #1e293b;border-radius:36px;position:relative;overflow:hidden}.mock-phone:before{content:"";z-index:10;background:#1e293b;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:160px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{background:#fff;flex-direction:column;height:100%;padding:32px 16px 16px;display:flex}.phone-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.phone-home-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.phone-img-illustration{z-index:10;width:160px;position:absolute;bottom:-40px;right:-30px}.support-sec{background:#fff;padding-top:100px}.support-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:60px;display:grid}.support-left{flex-direction:column;display:flex}.support-left h2{margin-bottom:16px;font-size:38px;line-height:1.1}.support-left h2 span{color:var(--primary-color)}.support-left p{color:var(--text-main);margin-bottom:36px;font-size:16px}.contact-info-list{flex-direction:column;gap:16px;margin-bottom:36px;display:flex}.contact-button{border:1px solid var(--border-color);color:var(--text-title);transition:var(--transition-all);background:#fff;border-radius:50px;align-self:flex-start;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.contact-button:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.contact-button.accent{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.contact-button.accent:hover{background:var(--primary-hover);color:#fff}.support-tip{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.support-tip-text p{color:#111827;margin:0;font-size:18px;line-height:1.5}.support-tip-text strong{font-weight:700}.support-form-card{box-shadow:var(--shadow-xl);color:#fff;background:#006b58;border-radius:24px;padding:40px}.form-group{margin-bottom:20px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group label{color:#e6f7f4;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{color:#fff;width:100%;transition:var(--transition-all);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:14px}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff26;border-color:#fff;outline:none}.form-group select option{color:#fff;background:#006b58}.form-error{color:#fda4af;margin-top:4px;font-size:11px;display:block}.form-success-msg{color:#dcfce7;text-align:center;background:#ffffff26;border:1px solid #dcfce7;border-radius:8px;margin-top:16px;padding:16px;font-weight:600}.btn-form-submit{color:#006b58;background:#e6f7f4;border-radius:8px;width:100%;margin-top:12px;padding:14px;font-size:15px;font-weight:700}.btn-form-submit:hover{background:#fff;transform:translateY(-1px)}.footer-sec{color:var(--text-main);background:#fff;padding:60px 0 30px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-logo{color:var(--secondary-color);margin-bottom:16px;font-size:22px;font-weight:800}.footer-logo span{color:var(--accent-color)}.footer-desc{max-width:280px;font-size:14px}.footer-title{color:var(--text-title);margin-bottom:20px;font-size:16px;font-weight:600}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links a{font-size:14px}.footer-links a:hover{color:var(--primary-color);padding-left:4px}.footer-bottom{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:30px;font-size:13px;display:flex}@keyframes pulse-circle{0%,to{box-shadow:0 0 #007a6433}50%{box-shadow:0 0 0 15px #007a6400}}@keyframes pulse-brain{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media (width<=1024px){section{padding:60px 0}.hero-grid,.steps-grid,.cta-banner-grid,.features-grid,.about-dashboard-grid,.faqs-layout,.support-grid,.footer-grid{grid-template-columns:1fr;gap:32px}.steps-grid{flex-direction:column;display:flex}.step-arrow{margin:10px auto;transform:rotate(90deg)}.hero-title{font-size:40px}.phone-mockup-score,.mock-phone{margin:0 auto}.nav-links{display:none}.header{padding:12px 24px}}.static-logo{cursor:pointer}.about-pretitle{color:#007a64;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:700}.about-subtitle-desc{margin-top:8px}.about-main-title{margin-bottom:16px;font-size:38px;line-height:1.2}.about-main-title span{color:#007a64}.about-lead-text{color:#64748b;margin-bottom:32px;font-size:15px}.bell-icon{color:#64748b}.dash-widget-label{color:#64748b;font-size:10px;font-weight:600;display:block}.dash-widget-label.recent-reports-label{margin-bottom:12px}.dash-score-container{align-items:baseline;gap:4px;margin:8px 0;display:flex}.dash-score-value{color:#0f172a;font-size:28px;font-weight:800}.dash-score-max{color:#64748b;font-size:12px}.badge-good{color:#166534;background:#dcfce7;border-radius:4px;padding:2px 6px;font-size:10px}.report-item-left{align-items:center;gap:8px;display:flex}.report-item-icon{color:#0d9488}.report-item-date{color:#64748b}.dash-col-right-layout{flex-direction:column;gap:16px;display:flex}.dash-card.flex-grow{flex-grow:1}.trend-chart-labels{color:#94a3b8;justify-content:space-between;margin-top:8px;font-size:9px;display:flex}.chart-bar.bar-40{height:40%}.chart-bar.bar-60{height:60%}.chart-bar.bar-85{height:85%}.chart-bar.bar-50{height:50%}.chart-bar.bar-70{height:70%}.score-widget-header{justify-content:space-between;align-items:center;display:flex}.score-widget-label{color:#94a3b8;font-size:12px;font-weight:500}.score-widget-info{color:#94a3b8;cursor:default}.score-widget-value{color:#10b981;margin-top:8px;font-size:24px;font-weight:800}.score-widget-max{color:#94a3b8;font-size:13px;font-weight:400}.ai-rec-blood-panel{background:#111827;border-radius:12px;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.ai-rec-shield-icon{color:#10b981;background:#10b9811a;border-radius:6px;padding:6px;display:flex}.ai-rec-blood-panel-text{color:#e2e8f0;font-size:11px;font-weight:500}.upload-icon{margin:0 auto 12px;display:block}.upload-box-title{fontWeight:600;color:#0f172a;margin-bottom:4px;font-size:13px}.upload-box-browse{color:#007a64;font-size:12px;font-weight:500;text-decoration:underline}.insights-list-title{text-transform:uppercase;color:#64748b;letter-spacing:.5px;font-size:11px;font-weight:700}.footer-logo-icon{color:#14b8a6;margin-right:8px;display:inline-block}.support-shield-icon{color:#0d9488}.phone-header-dot{background:#64748b;border-radius:50%;width:8px;height:8px}.phone-header-title{color:#64748b;font-size:10px;font-weight:600}.phone-user-greeting{color:#64748b;font-size:11px;font-weight:500}.phone-card-text{color:#0f172a;font-size:13px;font-weight:700}.phone-upload-btn{color:#fff;text-align:center;background:#007a64;border-radius:8px;margin-top:8px;padding:10px;font-size:11px;font-weight:600}.phone-metrics-row{gap:8px;margin-top:16px;display:flex;overflow-x:hidden}.phone-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:100px;padding:10px}.phone-metric-label{color:#64748b;font-size:9px}.phone-metric-status{font-size:12px;font-weight:700}.phone-metric-status.normal{color:#10b981}.phone-metric-status.low{color:#ef4444}.auth-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0f172a99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.auth-modal-card{width:100%;max-width:960px;height:640px;box-shadow:var(--shadow-xl);background:#fff;border-radius:24px;grid-template-columns:.9fr 1.1fr;display:grid;position:relative;overflow:hidden}.auth-close-btn{color:var(--text-main);border:1px solid var(--border-color);z-index:10;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:24px;right:24px}.auth-close-btn:hover{color:var(--text-title);background:#f1f5f9}.auth-left-panel{border-right:1px solid var(--border-color);background:linear-gradient(#f0fdfa 0%,#e6f4f1 100%);flex-direction:column;justify-content:space-between;padding:40px;display:flex}.auth-brand-badge{color:var(--secondary-color);align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.auth-brand-logo-icon{background:var(--primary-color);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.auth-brand-text span{color:var(--primary-color)}.auth-mrt-badge{color:#475569;background:#cbd5e1;border-radius:4px;padding:2px 4px;font-size:9px;font-weight:700}.auth-left-content{flex-direction:column;flex-grow:1;justify-content:center;display:flex}.auth-left-title{margin-bottom:12px;font-size:36px;line-height:1.1}.auth-left-title span{color:var(--primary-color)}.auth-left-desc{color:var(--text-main);max-width:320px;margin-bottom:24px;font-size:13px}.doctor-avatar-art{justify-content:flex-start;gap:16px;margin-top:16px;display:flex}.art-doctor{width:64px;height:64px;box-shadow:var(--shadow-md);background-position:50%;background-size:cover;border:3px solid #fff;border-radius:50%}.art-doctor.female{background-image:url(https://images.unsplash.com/photo-1559839734-2b71ea197ec2?auto=format&fit=crop&w=150&q=80)}.art-doctor.male-glasses{background-image:url(https://images.unsplash.com/photo-1622253692010-333f2da6031d?auto=format&fit=crop&w=150&q=80)}.art-doctor.male{background-image:url(https://images.unsplash.com/photo-1537368910025-700350fe46c7?auto=format&fit=crop&w=150&q=80)}.auth-illustration-phone{justify-content:center;margin-top:24px;display:flex}.art-mock-phone{width:160px;height:280px;box-shadow:var(--shadow-lg);background:#0f172a;border:6px solid #334155;border-radius:24px;padding:16px 8px 8px;overflow:hidden}.art-phone-screen{background:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:8px;display:flex}.art-phone-title{color:#64748b;font-size:8px;font-weight:700}.art-phone-icon-wrapper{background:var(--primary-light);color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.art-phone-check-icon{animation:1.5s infinite pulse-brain}.art-phone-code-placeholder{gap:4px;display:flex}.art-phone-code-placeholder span{background:#cbd5e1;border-radius:50%;width:8px;height:8px}.art-phone-btn{background:var(--primary-color);color:#fff;text-align:center;border-radius:4px;width:100%;padding:6px 0;font-size:8px;font-weight:700}.auth-illustration-folder{justify-content:center;margin-top:24px;display:flex}.art-mock-folder{width:220px;height:160px;position:relative}.art-folder-back{background:#0f766e;border-radius:8px;width:100%;height:130px;position:absolute;bottom:0}.art-floating-reports{height:120px;position:absolute;top:-20px;left:20px;right:20px}.art-report{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:6px;width:110px;padding:8px;font-size:8px;font-weight:600;position:absolute}.art-report.xray{top:10px;left:0;transform:rotate(-10deg)}.art-report.blood{top:5px;right:0;transform:rotate(5deg)}.art-report.prescription{top:30px;left:30px;transform:rotate(-3deg)}.art-folder-front{background:var(--primary-color);border-radius:8px;justify-content:center;align-items:center;width:100%;height:100px;display:flex;position:absolute;bottom:0;box-shadow:0 -4px 10px #0000001a}.art-folder-label{color:var(--primary-color);background:#fff;border-radius:4px;padding:4px 12px;font-size:11px;font-weight:800}.auth-right-panel{flex-direction:column;padding:40px;display:flex}.auth-nav-header{justify-content:space-between;align-items:center;margin-bottom:32px;padding-right:48px;display:flex}.auth-back-btn{color:var(--text-main);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.auth-header-action-text{color:var(--text-main);font-size:12px}.auth-link-btn{color:var(--primary-color);padding:0;font-weight:600;text-decoration:underline}.auth-link-btn:hover{color:var(--primary-hover)}.auth-form-container{flex-direction:column;flex-grow:1;justify-content:center;width:100%;max-width:380px;margin:0 auto;display:flex}.auth-form-container.wide-form{max-width:100%}.auth-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:12px;font-weight:500}.auth-success-banner{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:12px;font-weight:500}.auth-form-title{text-align:center;color:var(--text-title);margin-bottom:24px;font-size:24px;font-weight:700}.auth-form-subtitle{color:var(--text-main);margin-top:-16px;margin-bottom:24px;font-size:13px}.auth-tab{text-align:center;color:#94a3b8;border-bottom:2.5px solid #0000;flex:1;margin-bottom:-1.5px;padding:10px 0;font-size:14px;font-weight:600}.auth-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.auth-tab.disabled{cursor:not-allowed;opacity:.5}.auth-input-group{margin-bottom:16px}.auth-label{color:var(--text-title);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.auth-mobile-input-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:8px;height:46px;display:flex}.auth-mobile-input-wrapper:focus-within{border-color:var(--primary-color)}.auth-country-selector{border-right:1px solid var(--border-color);background:#fff;border-top-left-radius:8px;border-bottom-left-radius:8px;align-items:center;padding:0 8px;display:flex}.auth-country-select{color:var(--text-title);cursor:pointer;background:0 0;border:none;outline:none;height:100%;font-family:inherit;font-size:13px;font-weight:600}.auth-mobile-input{width:100%;color:var(--text-title);border:none;border-top-right-radius:8px;border-bottom-right-radius:8px;padding:0 16px;font-family:inherit;font-size:14px}.auth-mobile-input:focus{outline:none}.auth-text-input{border:1px solid var(--border-color);width:100%;height:46px;color:var(--text-title);border-radius:8px;padding:0 16px;font-family:inherit;font-size:14px}.auth-text-input:focus{border-color:var(--primary-color);outline:none}.auth-submit-btn{background:var(--primary-color);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;margin-top:24px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 10px #007a6426}.auth-submit-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-submit-btn.verify-btn{margin-top:16px}.btn-arrow{font-size:16px}.auth-divider{text-align:center;color:#94a3b8;align-items:center;margin:20px 0;font-size:11px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.auth-divider:not(:empty):before{margin-right:12px}.auth-divider:not(:empty):after{margin-left:12px}.auth-social-buttons{flex-direction:column;gap:12px;display:flex}.auth-social-btn{border:1.5px solid var(--border-color);width:100%;height:44px;color:var(--text-title);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.auth-social-btn.disabled{cursor:not-allowed;opacity:.55;background:#fff}.social-icon{font-size:16px;font-weight:800}.social-icon.google{color:#ea4335}.auth-legal-text{color:#64748b;text-align:center;margin-top:24px;font-size:10px;line-height:1.4}.auth-legal-text span{color:var(--primary-color);cursor:pointer;font-weight:600}.auth-otp-row{justify-content:space-between;gap:8px;margin:16px 0 20px;display:flex}.auth-otp-box{border:1px solid var(--border-color);text-align:center;width:48px;height:48px;color:var(--text-title);background:#fff;border-radius:8px;font-size:16px;font-weight:700}.auth-edit-mobile-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-size:12px;font-weight:600}.auth-resend-timer{text-align:center;color:var(--text-main);margin-top:12px;font-size:12px}.auth-resend-timer span{color:var(--primary-color);font-weight:700}.auth-keypad{background:#fff;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;padding:16px;display:grid}.keypad-key{border:1px solid var(--border-color);height:48px;color:var(--text-title);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.keypad-key:hover{background:#cbd5e1}.keypad-key.backspace{color:#ef4444;font-size:16px;font-weight:700}.keypad-empty{visibility:hidden}@media (width<=768px){.auth-modal-card{border-radius:0;grid-template-columns:1fr;height:100%;max-height:none}.auth-overlay{padding:0}.auth-left-panel{display:none}}.auth-modal-card.wide-layout{grid-template-columns:1fr;max-width:1080px;height:90vh;max-height:840px}.auth-right-panel.scrollable{scroll-behavior:smooth;overflow-y:auto}.doctor-header-row{border-bottom:1.5px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;padding-right:48px;display:flex}.stepper-line.active{background:var(--primary-color)}.doctor-header-logo{color:var(--secondary-color);align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.doctor-stepper{border:1px solid var(--border-color);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:12px 16px;display:flex}.stepper-step{color:#94a3b8;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.stepper-step.active{color:var(--primary-color)}.step-badge{color:#475569;background:#cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex}.stepper-step.active .step-badge{background:var(--primary-color);color:#fff}.stepper-line{background:var(--border-color);flex:1;height:1.5px;margin:0 12px}.doctor-register-wrapper{width:100%}.doctor-scroll-form{flex-direction:column;gap:24px;max-height:70vh;padding-bottom:24px;padding-right:8px;display:flex;overflow-y:auto}.form-section-card{border:1.5px solid var(--border-color);background:#fff;border-radius:16px;padding:24px}.section-card-title{color:var(--text-title);border-bottom:1.5px solid #f1f5f9;margin-bottom:20px;padding-bottom:10px;font-size:16px;font-weight:700}.doctor-grid-row{grid-template-columns:1.2fr .8fr;gap:24px;display:grid}.doctor-grid-col{flex-direction:column;display:flex}.doctor-grid-row-two-col{grid-template-columns:1fr 1fr;gap:20px;margin-top:8px;display:grid}.doctor-grid-row-three-col{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:8px;display:grid}.photo-uploader-widget{border:1.5px dashed var(--border-color);text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:16px;display:flex}.photo-uploader-label{color:var(--text-title);margin-bottom:10px;font-size:12px;font-weight:700}.photo-preview-circle{width:72px;height:72px;box-shadow:var(--shadow-sm);background:#e2e8f0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex;overflow:hidden}.uploaded-photo-preview{object-fit:cover;width:100%;height:100%}.placeholder-photo-icon{color:#94a3b8;font-size:28px}.uploader-specs{color:#64748b;margin-bottom:10px;font-size:9px}.btn-upload-file{border:1px solid var(--border-color);color:var(--text-main);box-shadow:var(--shadow-sm);background:#fff;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.btn-upload-file:hover{background:#f1f5f9;border-color:#cbd5e1}.certificate-upload-wrapper{align-items:center;gap:12px;display:flex}.btn-upload-certificate{border:1.5px solid var(--primary-color);color:var(--primary-color);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:700;display:flex}.btn-upload-certificate:hover{background:var(--primary-light)}.btn-upload-certificate.error{color:#ef4444;border-color:#ef4444}.certificate-file-status{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.fee-input-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:8px;align-items:center;height:46px;display:flex;overflow:hidden}.fee-input-wrapper.error{border-color:#ef4444}.fee-input-wrapper:focus-within{border-color:var(--primary-color)}.currency-symbol{color:var(--text-title);border-right:1px solid var(--border-color);background:#fff;align-items:center;height:100%;padding:0 14px;font-weight:700;display:flex}.fee-input{width:100%;color:var(--text-title);border:none;padding:0 16px;font-size:14px}.fee-input:focus{outline:none}.auth-text-area-input{border:1px solid var(--border-color);width:100%;color:var(--text-title);resize:vertical;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:14px}.auth-text-area-input:focus{border-color:var(--primary-color);outline:none}.auth-text-area-input.error{border-color:#ef4444}.doctor-submit-row{justify-content:flex-end;margin-top:12px;display:flex}.doctor-save-btn{color:#fff;cursor:pointer;background:#00836b;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 36px;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 12px #00836b33}.doctor-save-btn:hover{background:#006c58;transform:translateY(-1px)}.auth-text-input.error,.auth-mobile-input-wrapper.error{border-color:#ef4444}.field-error-text{color:#ef4444;margin-top:4px;font-size:11px;font-weight:500;display:block}.center-align{text-align:center}.dob-picker-wrapper{width:100%;display:flex;position:relative}.dob-text-input{width:100%;padding-right:48px}.dob-calendar-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dob-calendar-btn:hover{color:var(--primary-color)}.hidden-date-picker{opacity:0;pointer-events:none;width:100%;height:1px;position:absolute;bottom:0;left:0}.auth-resend-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700;text-decoration:underline}.auth-resend-btn:hover{color:var(--primary-hover)}.dashboard-container{width:100%;height:100vh;font-family:var(--font-family);background:#fff;display:flex;overflow:hidden}.dashboard-sidebar{border-right:1px solid var(--border-color);background:#fff;flex-direction:column;flex-shrink:0;width:280px;height:100%;padding:24px 16px;display:flex}.sidebar-logo{color:var(--secondary-color);align-items:center;gap:8px;margin-bottom:28px;padding-left:12px;font-size:20px;font-weight:800;display:flex}.sidebar-logo .logo-icon{background:var(--primary-color);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sidebar-logo span{color:var(--primary-color)}.sidebar-logo .mrt-badge{color:#475569;background:#cbd5e1;border-radius:4px;margin-left:4px;padding:2px 4px;font-size:9px;font-weight:700}.sidebar-menu{flex-direction:column;flex-grow:1;gap:4px;padding-right:4px;display:flex;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.menu-section-header{color:#94a3b8;letter-spacing:.05em;padding:16px 12px 6px;font-size:10px;font-weight:700}.menu-item{color:var(--text-main);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.menu-item:hover{color:var(--text-title);background:#f1f5f9}.menu-item.active{background:var(--primary-light);color:var(--primary-color)}.sidebar-footer{border-top:1.5px solid var(--border-color);flex-direction:column;gap:12px;margin-top:auto;padding-top:20px;display:flex}.btn-switch-doctor{background:var(--primary-color);color:#fff;text-align:center;border-radius:10px;width:100%;padding:12px;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #007a6426}.btn-switch-doctor:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-logout{border:1.5px solid var(--border-color);color:#ef4444;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-logout:hover{background:#fef2f2;border-color:#fca5a5}.dashboard-main{flex-direction:column;flex:1;height:100%;display:flex;overflow-y:auto}.dashboard-header{border-bottom:1px solid var(--border-color);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.header-greeting h1{color:var(--text-title);margin-bottom:4px;font-size:24px;font-weight:800}.header-greeting p{color:var(--text-main);font-size:13px}.header-actions{align-items:center;gap:16px;display:flex}.btn-header-switch{background:var(--primary-color);color:#fff;border-radius:8px;padding:10px 18px;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #007a6426}.btn-header-switch:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-bell-notification{border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-main);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.btn-bell-notification:hover{color:var(--text-title);background:#f1f5f9}.bell-badge{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:11px;right:11px}.header-user-profile{border:1px solid var(--border-color);background:#fff;border-radius:30px;align-items:center;gap:10px;padding:6px 14px;display:flex}.profile-avatar{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex}.profile-name{color:var(--text-title);font-size:13px;font-weight:600}.dashboard-content-panel{flex-direction:column;flex:1;padding:24px;display:flex}.wip-card{text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--border-color);background:#fff;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:500px;margin:auto;padding:56px 40px;display:flex}.wip-icon-wrapper{background:var(--primary-light);color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:24px;display:flex}.wip-icon-animation{animation:2.5s ease-in-out infinite pulse-brain}.wip-card h2{color:var(--text-title);margin-bottom:12px;font-size:26px;font-weight:800}.wip-card p{color:var(--text-main);margin-bottom:28px;font-size:14px;line-height:1.6}.wip-badge{color:#475569;letter-spacing:.02em;background:#f1f5f9;border-radius:30px;padding:6px 16px;font-size:12px;font-weight:700}@media (width<=992px){.dashboard-sidebar{display:none}}.health-profile-view{flex-direction:column;gap:24px;width:100%;display:flex}.health-profile-top{justify-content:space-between;align-items:flex-start;display:flex}.health-profile-top h2{color:var(--text-title);margin-bottom:6px;font-size:28px;font-weight:800}.health-profile-top p{color:var(--text-main);font-size:14px}.btn-edit-profile{background:var(--primary-color);color:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #007a6426}.btn-edit-profile:hover{background:var(--primary-hover);transform:translateY(-1px)}.health-profile-summary-grid{grid-template-columns:1.8fr 1.2fr;gap:24px;display:grid}.profile-summary-card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;align-items:center;gap:32px;padding:24px;display:flex}.profile-summary-avatar-container{flex-shrink:0;width:120px;height:120px;position:relative}.profile-summary-avatar{object-fit:cover;background:var(--primary-light);width:100%;height:100%;color:var(--primary-color);border:4px solid #f1f5f9;border-radius:50%;justify-content:center;align-items:center;font-size:40px;font-weight:800;display:flex}.profile-summary-details{flex:1}.profile-summary-details h3{color:var(--text-title);margin-bottom:4px;font-size:24px;font-weight:800}.profile-summary-sub{color:var(--text-main);margin-bottom:20px;font-size:14px}.profile-badges-row{flex-wrap:wrap;gap:16px;display:flex}.profile-badge-item{align-items:center;gap:10px;display:flex}.badge-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.badge-icon-wrapper.red{color:#ef4444;background:#fef2f2}.badge-icon-wrapper.teal{color:var(--primary-color);background:#f0fdfa}.badge-icon-wrapper.blue{color:#3b82f6;background:#eff6ff}.badge-info{flex-direction:column;display:flex}.badge-value{color:var(--text-title);font-size:14px;font-weight:700}.badge-label{color:#94a3b8;font-size:11px;font-weight:500}.health-score-card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;align-items:center;gap:20px;padding:24px;display:flex}.health-score-circle-container{flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.health-score-svg{width:120px;height:120px;transform:rotate(-90deg)}.health-score-svg-bg{fill:none;stroke:#f1f5f9;stroke-width:10px}.health-score-svg-fill{fill:none;stroke:var(--primary-color);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.health-score-text-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.health-score-number{color:var(--text-title);font-size:26px;font-weight:800;line-height:1}.health-score-label{color:#94a3b8;font-size:10px;font-weight:600}.health-score-badge{color:#065f46;background:#d1fae5;border-radius:10px;margin-top:2px;padding:1px 6px;font-size:9px;font-weight:700}.health-score-details{flex:1}.health-score-details p{color:var(--text-main);margin-bottom:8px;font-size:13px;line-height:1.5}.health-score-details p span{color:var(--primary-color);font-weight:700}.health-score-link{color:var(--primary-color);cursor:pointer;align-items:center;gap:4px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.health-score-link:hover{color:var(--primary-hover)}.health-profile-details-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.profile-details-card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;flex-direction:column;gap:20px;padding:24px;display:flex}.profile-details-card.full-width{grid-column:span 2}.profile-card-header{color:var(--text-title);border-bottom:1.5px solid #f1f5f9;align-items:center;gap:10px;padding-bottom:12px;font-size:16px;font-weight:700;display:flex}.profile-card-header.personal{color:var(--primary-color)}.profile-card-header.medical{color:#0891b2}.profile-card-header.contact{color:var(--secondary-color)}.profile-card-header.abha{color:#3b82f6}.profile-info-list{flex-direction:column;gap:16px;display:flex}.profile-info-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.profile-info-label{color:var(--text-main);font-weight:500}.profile-info-value{color:var(--text-title);text-align:right;align-items:center;gap:8px;font-weight:600;display:flex}.verified-tag{color:#065f46;background:#d1fae5;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.unverified-tag{color:#991b1b;background:#fee2e2;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.medical-tags-row{flex-wrap:wrap;gap:8px;display:flex}.med-tag{border-radius:6px;font-size:12px;font-weight:600}.med-tag.allergy{color:#0891b2;background:#ecfeff}.med-tag.chronic{color:var(--primary-color);background:#f0fdfa}.abha-info-box{border:1.5px dashed var(--primary-color);background:#f0fdfa;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.abha-info-content-wrapper{align-items:center;gap:14px;display:flex}.abha-info-icon-wrapper{width:44px;height:44px;color:var(--primary-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.abha-info-text{flex-direction:column;gap:2px;display:flex}.abha-info-title{color:var(--text-title);font-size:14px;font-weight:700}.abha-info-description{color:var(--text-main);font-size:12px}.btn-view-abha{border:1.5px solid var(--primary-color);color:var(--primary-color);white-space:nowrap;background:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.btn-view-abha:hover{background:var(--primary-light)}.dashboard-error-box{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;margin-bottom:24px;padding:16px;font-size:14px}.dashboard-loading-box{color:var(--text-main);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;font-size:15px;font-weight:500;display:flex}.dashboard-loading-spinner{border:3.5px solid #f1f5f9;border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-profile-state{background-color:var(--white);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:60px 20px;display:flex;box-shadow:0 4px 12px #0000000d}.empty-profile-state h2{color:var(--text-dark);margin-bottom:12px;font-size:24px}.empty-profile-state p{color:var(--text-muted);margin-bottom:24px}.btn-create-profile{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:background-color .2s}.btn-create-profile:hover{background-color:var(--primary-hover)}.file-upload-placeholder{border:2px dashed var(--border-color);text-align:center;background-color:var(--bg-main);border-radius:8px;padding:16px;transition:border-color .2s}.file-upload-placeholder:hover{border-color:var(--primary-hover)}.preview-url{color:var(--text-muted);margin-top:8px}.create-profile-form-container{background-color:var(--white);border-radius:12px;padding:30px;box-shadow:0 4px 12px #0000000d}.create-profile-form-container h2{color:var(--text-dark);margin-bottom:24px;font-size:24px}.create-profile-form{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-dark);margin-bottom:8px;font-size:14px;font-weight:500}.create-profile-form .form-group input,.create-profile-form .form-group select{background-color:var(--bg-card);color:var(--text-dark);border:1px solid #e0e0e0;border-radius:8px;outline:none;padding:10px 14px;font-size:15px;transition:border-color .2s}.create-profile-form .form-group input::placeholder{color:#999}.create-profile-form .form-group input:focus,.create-profile-form .form-group select:focus{border-color:var(--primary-color)}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.btn-cancel{color:var(--text-muted);cursor:pointer;background-color:#0000;border:1px solid #e0e0e0;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.btn-cancel:hover{color:var(--text-dark);background-color:#f5f5f5}.btn-submit{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:background-color .2s}.btn-submit:hover:not(:disabled){background-color:var(--primary-hover)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.error-text{color:#e53e3e;margin-top:16px;font-size:14px}.doctor-profile-view{width:100%}.doctor-profile-header-card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;align-items:center;gap:32px;margin-bottom:24px;padding:32px;display:flex}.doctor-avatar-container{align-items:center;gap:32px;display:flex}.doctor-avatar{width:120px;height:120px;color:var(--primary-color);background:#f0fdfa;border:4px solid #f8fafc;font-size:48px}.doctor-header-info h3{color:var(--text-title);margin-bottom:8px;font-size:28px;font-weight:800}.doctor-specialization{color:var(--primary-color);margin-bottom:16px;font-size:16px;font-weight:600}.doctor-quick-stats{color:var(--text-main);gap:24px;font-size:14px;font-weight:500;display:flex}.doctor-quick-stats span{align-items:center;gap:8px;display:flex}.profile-card-header.education{color:#3b82f6;background:#eff6ff}.profile-card-header.identity{color:#ef4444;background:#fef2f2}.certificate-download{color:var(--text-main);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.btn-download-cert{border:1px solid var(--border-color);color:var(--text-title);cursor:pointer;background:#fff;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn-download-cert:hover{background:#f1f5f9}.verified-tag.approved{color:#16a34a;background:#dcfce7}.verified-tag.pending{color:#ca8a04;background:#fef9c3}.required-star{color:#ef4444}.global-loading-overlay{z-index:999999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.global-loading-spinner{border:4px solid #fff3;border-top-color:#00836b;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s ease-in-out infinite global-spin}.global-loading-text{color:#fff;letter-spacing:.5px;font-size:16px;font-weight:500}@keyframes global-spin{to{transform:rotate(360deg)}}@keyframes progress-animation{0%{width:50%;transform:translate(-100%)}50%{width:70%;transform:translate(50%)}to{width:50%;transform:translate(200%)}}.upload-box-browse{color:#3b82f6;margin-top:4px;font-size:14px;font-weight:500;text-decoration:underline}.auth-form-subtitle{text-align:center;color:var(--text-main);margin-bottom:24px;font-size:14px}.global-back-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;transition:all .2s;display:flex}.global-back-btn:hover{background:#f9fafb}.global-header-section{align-items:center;gap:16px;margin-bottom:24px;display:flex}.global-header-section h2{color:#111827;margin:0;font-size:24px;font-weight:700;line-height:1.2}.global-header-section p{color:#6b7280;margin:4px 0 0;font-size:14px}#nprogress{pointer-events:none}#nprogress .bar{z-index:1031;background:#29d;width:100%;height:2px;position:fixed;top:0;left:0}#nprogress .peg{opacity:1;width:100px;height:100%;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px);box-shadow:0 0 10px #29d,0 0 5px #29d}#nprogress .spinner{z-index:1031;display:block;position:fixed;top:15px;right:15px}#nprogress .spinner-icon{box-sizing:border-box;border:2px solid #0000;border-color:#29d #0000 #0000 #29d;border-radius:50%;width:18px;height:18px;animation:.4s linear infinite nprogress-spinner}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-page-container{background-color:#fff;justify-content:center;align-items:center;height:100vh;display:flex;overflow:hidden}.auth-page-content{width:100%;max-width:1200px;height:100%;max-height:100vh;box-shadow:none;display:flex}.auth-page-left{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;flex:1;padding:40px;display:flex;position:relative;overflow:visible}.auth-brand-badge-page{color:var(--secondary-color);z-index:10;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.auth-brand-badge-page span,.auth-brand-logo-icon{color:var(--primary-color)}.auth-left-content-page{z-index:10;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;padding-top:40px;display:flex}.auth-page-title{color:var(--secondary-color);margin-bottom:24px;font-size:40px;font-weight:800;line-height:1.2}.auth-page-title span{color:var(--primary-color)}.auth-page-hero{align-self:center;width:100%;max-width:100%;margin-top:20px}.auth-page-hero-img{object-fit:contain;width:100%;height:auto}.auth-page-right{background:#fff;flex-direction:column;flex:1;padding:40px;display:flex;position:relative}.auth-page-nav{justify-content:space-between;align-items:center;width:100%;margin-bottom:40px;display:flex}.auth-nav-hint{color:var(--text-light);margin-right:12px;font-size:14px}.btn-create-account{border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;background:#fff;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-create-account:hover{background:var(--primary-color);color:#fff}.auth-back-btn{color:var(--secondary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.auth-back-btn:hover{color:var(--primary-color)}.auth-form-container{width:100%;max-width:100%;margin:auto}.auth-tabs{border-bottom:2px solid #e2e8f0;margin-bottom:24px;display:flex}.auth-tab{text-align:center;color:#64748b;cursor:pointer;flex:1;padding:12px 0;font-size:16px;font-weight:600;transition:all .2s;position:relative}.auth-tab.active{color:var(--primary-color)}.auth-tab.active:after{content:"";background-color:var(--primary-color);width:100%;height:2px;position:absolute;bottom:-2px;left:0}.auth-page-right.scrollable{scroll-behavior:smooth;overflow-y:auto}.report-detail-container{flex-direction:column;display:flex}.report-detail-grid{gap:24px;display:flex}.report-left-panel{flex:1;max-width:350px}.report-right-panel{flex:2}.report-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.report-image-container img{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ai-summary-btn:hover{background:#059669!important}.ocr-progress-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:16px}.progress-bar-bg{background-color:#e5e7eb;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.progress-bar-fill{transform-origin:0%;background-color:#047857;border-radius:4px;width:100%;animation:2s linear infinite indeterminate;position:absolute;top:0;bottom:0}@keyframes indeterminate{0%{transform:translate(-100%)scaleX(.2)}50%{transform:translate(0)scaleX(.5)}to{transform:translate(100%)scaleX(.2)}}.skeleton-bar{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=768px){.report-detail-grid{flex-direction:column}.report-left-panel{max-width:100%}}.ai-health-summary-container{background-color:var(--bg-card);min-height:100vh;padding:0}.ai-health-summary-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ai-health-summary-title{align-items:center;gap:16px;display:flex}.back-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.header-buttons{gap:12px;display:flex}.btn-ai-summary{color:#fff;cursor:pointer;background-color:#047857;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:flex}.btn-ai-summary:disabled{opacity:.7;cursor:not-allowed}.btn-download-report{color:#047857;cursor:pointer;background-color:#fff;border:1px solid #047857;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:flex}.empty-summary-state{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.empty-summary-state h2{color:#111827;margin-bottom:8px;font-size:20px;font-weight:700}.empty-summary-state p{color:#6b7280;margin-bottom:24px}.loading-summary-state{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.error-summary-state{text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.error-summary-state h2{color:#991b1b;margin-bottom:8px;font-size:20px;font-weight:700}.error-summary-state p{color:#b91c1c;margin-bottom:24px}.btn-retry{color:#dc2626;cursor:pointer;background-color:#fff;border:1px solid #dc2626;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .2s;display:flex}.btn-retry:hover{background-color:#fef2f2}.summary-cards-grid{grid-template-columns:1fr 1fr 1.5fr;gap:24px;margin-bottom:24px;display:grid}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.summary-card h3{color:#374151;margin-top:0;margin-bottom:16px;font-size:16px;font-weight:700}.health-score-container{align-items:center;gap:24px;display:flex}.score-circle{width:120px;height:120px;position:relative}.score-svg{width:120px;height:120px;transform:rotate(-90deg)}.score-bg{fill:none;stroke:#e5e7eb;stroke-width:8px}.score-fill{fill:none;stroke:#10b981;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-in-out}.score-text{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.score-number{color:#111827;font-size:32px;font-weight:700;line-height:1}.score-label{color:#6b7280;text-transform:uppercase;font-size:10px}.score-details{flex:1}.score-status{color:#10b981;margin-bottom:4px;font-size:16px;font-weight:700}.score-message{color:#6b7280;font-size:13px;line-height:1.4}.overview-list{flex-direction:column;gap:16px;display:flex}.overview-item{justify-content:space-between;align-items:center;display:flex}.overview-label{color:#374151;align-items:center;gap:8px;font-size:14px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.normal{background-color:#10b981}.dot.attention{background-color:#f59e0b}.dot.high-risk{background-color:#ef4444}.overview-value{color:#111827;font-size:16px;font-weight:700}.breakdown-list{flex-direction:column;gap:12px;display:flex}.breakdown-item{justify-content:space-between;align-items:center;gap:16px;display:flex}.breakdown-label{color:#6b7280;width:80px;font-size:14px}.breakdown-bar-container{background-color:#e5e7eb;border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.breakdown-bar-fill{border-radius:4px;height:100%;position:absolute;top:0;left:0}.breakdown-value{color:#9ca3af;text-align:right;width:24px;font-size:12px}.ai-insights-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.insights-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.insights-header h3{color:#111827;margin:0;font-size:18px;font-weight:700}.insights-banner{background-color:#f0fdf4;border:1px solid #a7f3d0;border-radius:8px;align-items:flex-start;gap:16px;margin-bottom:24px;padding:16px;display:flex}.insights-icon{color:#047857}.insights-text p{color:#111827;margin:0;font-size:14px;line-height:1.5}.insights-text strong{font-weight:600}.insights-grid{grid-template-columns:1fr 1fr 1.5fr;gap:24px;display:grid}.insight-column h4{color:#111827;margin-top:0;margin-bottom:16px;font-size:16px;font-weight:700}.insight-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.insight-list li{color:#4b5563;align-items:flex-start;gap:8px;font-size:14px;line-height:1.4;display:flex}.icon-good{color:#10b981}.icon-attention{color:#f59e0b}.icon-recommendation{color:#6366f1}.bottom-data-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.data-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.data-card h3{color:#111827;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:700}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#6b7280;border-bottom:1px solid #e5e7eb;padding-bottom:12px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid #f3f4f6;padding:16px 0}.data-table tr:last-child td{border-bottom:none}.param-name{color:#111827;font-size:14px;font-weight:600}.param-value{font-size:14px;font-weight:700}.param-range{color:#6b7280;font-size:14px}.recent-reports-list{flex-direction:column;gap:16px;display:flex}.recent-report-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.recent-report-item:last-child{border-bottom:none;padding-bottom:0}.report-icon{background-color:#ecfdf5;border-radius:8px;justify-content:center;align-items:center;padding:10px;display:flex}.report-info{flex:1;margin-left:16px}.report-info h4{color:#111827;margin:0;font-size:14px;font-weight:600}.report-info p{color:#6b7280;margin:4px 0 0;font-size:13px}.report-date{color:#6b7280;margin-right:24px;font-size:14px}.report-status{text-align:right;width:80px}.patient-dashboard-container{flex-direction:column;gap:24px;display:flex}.metrics-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 1px 2px #0000000d}.metric-icon{background-color:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;padding:12px;display:flex}.metric-icon.green{color:#059669;background-color:#ecfdf5}.metric-icon.blue{color:#2563eb;background-color:#eff6ff}.metric-icon.purple{color:#9333ea;background-color:#faf5ff}.metric-icon.red{color:#dc2626;background-color:#fef2f2}.metric-info{flex-direction:column;display:flex}.metric-title{color:#6b7280;font-size:13px;font-weight:500;line-height:1.3}.metric-value{color:#111827;margin-top:2px;font-size:20px;font-weight:700;line-height:1.2}.metric-status{margin-top:2px;font-size:12px;font-weight:500}.metric-status.good{color:#059669}.metric-status.attention{color:#dc2626}.metric-status.neutral{color:#6b7280}.metric-status.purple{color:#9333ea}.middle-grid{grid-template-columns:1.2fr 1fr 1fr;gap:24px;display:grid}.upload-banner-card{text-align:center;background:#f0fdf4;border:1px solid #d1fae5;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;display:flex}.upload-banner-badge{color:#059669;background:#fff;border:1px solid #d1fae5;border-radius:16px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:600}.upload-banner-title{color:#064e3b;margin:0 0 8px;font-size:24px;font-weight:700}.upload-banner-desc{color:#047857;margin:0 0 24px;font-size:14px}.btn-upload-large{color:#fff;cursor:pointer;background:#047857;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-weight:600;transition:opacity .2s;display:flex}.btn-upload-large:hover{opacity:.9}.upload-security-badges{color:#059669;align-items:center;gap:16px;margin-top:24px;font-size:12px;font-weight:500;display:flex}.security-badge{align-items:center;gap:4px;display:flex}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 1px 2px #0000000d}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:#111827;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.card-action{color:#059669;cursor:pointer;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.medication-list{flex-direction:column;gap:12px;display:flex}.medication-item{border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.medication-item:last-child{border-bottom:none;padding-bottom:0}.med-icon{color:#059669;background:#f0fdf4;border-radius:8px;padding:8px}.med-icon.skipped{color:#d97706;background:#fef3c7}.med-icon.missed{color:#dc2626;background:#fef2f2}.med-info{flex:1}.med-name{color:#111827;margin:0 0 2px;font-size:14px;font-weight:600}.med-desc{color:#6b7280;margin:0;font-size:13px}.med-status-badge{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.med-status-badge.taken{color:#047857;background:#d1fae5}.med-status-badge.skipped{color:#b45309;background:#fef3c7}.med-status-badge.missed{color:#b91c1c;background:#fee2e2}.dashboard-health-score{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.dashboard-score-text{text-align:center;margin-top:-10px}.dashboard-score-status{color:#059669;margin-bottom:4px;font-size:18px;font-weight:700}.dashboard-score-desc{color:#6b7280;max-width:200px;margin-bottom:24px;font-size:13px;line-height:1.4}.btn-view-recommendations{color:#059669;cursor:pointer;background:#f0fdf4;border:1px solid #d1fae5;border-radius:8px;width:100%;margin-bottom:12px;padding:10px 20px;font-weight:600;transition:all .2s}.btn-view-recommendations:hover{background:#d1fae5}.bottom-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.list-item-card{border:1px solid #e5e7eb;border-radius:12px;align-items:center;margin-bottom:12px;padding:16px;transition:background .2s;display:flex}.list-item-card:hover{cursor:pointer;background:#f9fafb}.list-item-card:last-child{margin-bottom:0}.list-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;display:flex}.list-icon.green{color:#047857;background:#d1fae5}.list-icon.blue{color:#2563eb;background:#eff6ff}.list-icon.dark{color:#fff;background:#1e1b4b}.list-icon.light-blue{color:#0284c7;background:#e0f2fe}.list-details{flex:1}.list-title{color:#111827;margin:0 0 4px;font-size:15px;font-weight:600}.list-subtitle{color:#6b7280;margin:0;font-size:13px}.list-status{border-radius:4px;margin-right:16px;padding:4px 12px;font-size:12px;font-weight:600}.list-status.normal{color:#047857;background:#d1fae5}.list-status.abnormal{color:#b91c1c;background:#fee2e2}.list-arrow{color:#9ca3af}@media (width<=1024px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.middle-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.middle-grid,.bottom-grid{grid-template-columns:1fr}}.shared-patient-detail-container{padding:0}.shared-detail-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.btn-back{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.header-title h2{color:#111827;margin:0;font-size:24px;font-weight:700}.header-title p{color:#6b7280;margin:0;font-size:14px}.header-right{align-items:center;gap:16px;display:flex}.doctor-profile{align-items:center;gap:12px;display:flex}.summary-from-section{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.summary-from-info{align-items:center;gap:16px;display:flex}.patient-avatar-large{color:#059669;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:700;display:flex}.patient-details h3{color:#111827;margin:0 0 4px;font-size:18px;font-weight:700}.patient-meta{color:#6b7280;margin:0 0 4px;font-size:14px}.patient-received-date{color:#6b7280;align-items:center;gap:4px;margin:0;font-size:13px;display:flex}.expiry-indicator{color:#374151;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.pill-timer{color:#059669;background:#ecfdf5;border:1px solid #10b981;border-radius:20px;padding:4px 16px;font-size:13px}.tabs-container{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.tabs-list{gap:32px;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 0;font-size:15px;font-weight:600}.tab-btn.active{color:#059669;border-bottom-color:#059669}.btn-create-prescription{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:flex}.tab-content{width:100%}.ai-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:16px;min-height:300px;padding:24px;display:flex}.ai-section{flex-direction:column;gap:8px;display:flex}.ai-section-title{color:#374151;font-size:14px;font-weight:700}.ai-section-text{color:#4b5563;font-size:14px;line-height:1.5}.btn-generate-summary{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:8px;align-self:center;margin-top:24px;padding:12px 24px;font-weight:600}.patient-info-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.info-card-header{color:#111827;align-items:center;gap:8px;margin-bottom:24px;font-size:16px;font-weight:700;display:flex}.info-card-icon{color:#059669;background:#ecfdf5;border-radius:6px;padding:6px;display:flex}.info-list{flex-direction:column;gap:16px;display:flex}.info-row{align-items:center;display:flex}.info-label{color:#6b7280;flex-shrink:0;align-items:center;gap:12px;width:150px;font-size:14px;display:flex}.info-value{color:#111827;font-size:14px;font-weight:500}.prescription-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.prescription-item{border-bottom:1px solid #f3f4f6;margin-bottom:24px;padding-bottom:24px}.prescription-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.med-header{color:#374151;align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.med-header-icon{color:#059669}.med-grid{grid-template-columns:1fr 1fr;row-gap:12px;display:grid}.med-label{color:#6b7280;font-size:14px}.med-val{color:#111827;text-align:right;font-size:14px;font-weight:500}.reports-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:24px;display:flex}.shared-access-container{background-color:var(--bg-card);min-height:calc(100vh - 64px);padding:0}.header-section{align-items:center;gap:16px;margin-bottom:24px;display:flex}.back-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.title-block h2{color:#111827;margin:0 0 4px;font-size:24px;font-weight:700}.title-block p{color:#6b7280;margin:0;font-size:14px}.filters-section{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.filters-left{gap:12px;display:flex}.filter-select{color:#374151;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") right 8px center/16px no-repeat;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 32px 8px 12px;font-size:14px}.search-box{border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;width:250px;padding:8px 12px;display:flex}.search-box input{border:none;outline:none;width:100%;font-size:14px}.table-container{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.access-table{border-collapse:collapse;width:100%}.access-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px;font-size:11px;font-weight:700}.access-table td{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:16px;font-size:14px}.access-table tr:last-child td{border-bottom:none}.report-name{color:#111827;font-weight:700}.doctor-info{flex-direction:column;display:flex}.doctor-name{color:#111827;font-weight:600}.doctor-mobile{color:#6b7280;font-size:13px}.badge{border-radius:16px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-registered{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.badge-not-registered{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff}.status-active{color:#166534;background:#dcfce7}.status-revoked{color:#4f46e5;background:#eef2ff}.status-expired{color:#991b1b;background:#fee2e2}.date-time{color:#374151;flex-direction:column;font-size:13px;font-weight:500;display:flex}.time-sub{color:#6b7280}.time-left{color:#059669;margin-top:2px;font-size:12px;font-weight:600}.action-buttons{gap:8px;display:flex}.action-icon{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-icon:hover{color:#111827;background:#f9fafb}.action-revoke:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.pagination-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px;display:flex}.showing-text{color:#6b7280;font-size:14px}.pagination-controls{gap:4px;display:flex}.pagination-controls button{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pagination-controls button.active{color:#fff;background:#db2777;border-color:#db2777}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.progress-bar-container{background-color:#e5e7eb;border-radius:4px;width:100%;max-width:300px;height:4px;margin:16px auto;overflow:hidden}.progress-bar{transform-origin:0%;background-color:#059669;width:50%;height:100%;animation:1.5s linear infinite progress-animation}.error-message{color:#dc2626;text-align:center;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:14px}.revoke-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#11182799;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.revoke-modal-content{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.revoke-modal-title{color:#111827;margin:0 0 12px;font-size:18px;font-weight:600}.revoke-modal-desc{color:#4b5563;margin:0 0 24px;font-size:14px;line-height:1.5}.revoke-modal-actions{justify-content:flex-end;gap:12px;display:flex}.revoke-btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.revoke-btn-cancel:hover{background:#f3f4f6}.revoke-btn-submit{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.revoke-btn-submit:hover{background:#047857}.revoke-btn-submit.danger{background:#dc2626}.revoke-btn-submit.danger:hover{background:#b91c1c}.lifestyle-guidance-view{background-color:var(--bg-card);min-height:100vh;padding:0}.lg-main-col,.lg-sidebar-col{flex-direction:column;gap:24px;display:flex}.lg-full-row{grid-column:1/-1}.lg-loading-container{justify-content:center;align-items:center;height:256px;display:flex}.lg-spin-icon{color:#0d9488;animation:1s linear infinite spin}.lg-btn-icon{margin-right:6px}.lg-icon-gap{margin-right:8px;display:inline-flex}.lg-error-box{color:#b91c1c;background-color:#fef2f2;border-radius:8px;align-items:flex-start;gap:10px;padding:16px;display:flex}.lg-generating-box{text-align:center;background:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:64px 24px;box-shadow:0 1px 2px #00000008}.lg-generating-icon{color:#14b8a6;margin:0 auto 24px;animation:2s ease-in-out infinite pulse;display:block}.lg-generating-title{color:#111827;margin:0 0 12px;font-size:20px;font-weight:700}.lg-generating-desc{color:#6b7280;max-width:448px;margin:0 auto 32px;line-height:1.6}.lg-progress-wrap{max-width:320px;margin:0 auto}.lg-generating-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-top:12px;font-size:12px;font-weight:500}.lg-section-title{color:#111827;margin:0 0 16px;font-size:18px;font-weight:700}.lg-empty-state{text-align:center;color:#6b7280;border:1px solid #e5e7eb;border-radius:12px;grid-column:1/-1;padding:24px}.lg-benefits-note{color:#6b7280;margin-left:8px;font-size:13px}.lg-alert-spaced{margin-top:16px}.lg-alert-small{font-size:12px}.lg-card-body-tight{flex-direction:column;gap:16px;padding-top:0;display:flex}.lg-cta-wrap{text-align:center;margin-top:24px}.lg-cta-link{color:#db2777;font-size:14px;font-weight:700;text-decoration:none}.lg-cta-link:hover{text-decoration:underline}.metric-grid-3{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.metric-list-col{flex-direction:column;gap:12px;display:flex}.food-item-img-el{object-fit:cover;width:100%;height:100%}.food-item-img-green{background-color:#d1fae5}.food-item-img-red{background-color:#fee2e2}.icon-red{color:#ef4444;background-color:#fef2f2}.icon-green{color:#22c55e;background-color:#f0fdf4}.icon-blue{color:#3b82f6;background-color:#eff6ff}.icon-purple{color:#8b5cf6;background-color:#f5f3ff}.lg-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.lg-header-left{align-items:flex-start;display:flex}.lg-back-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;margin-top:4px;margin-right:16px;padding:8px;display:flex}.lg-back-btn:hover{background:#f9fafb}.lg-title{color:#111827;margin:0;font-size:28px;font-weight:700;line-height:1.2}.lg-subtitle{color:#6b7280;margin-top:4px;margin-bottom:0;font-size:16px}.lg-date-container{color:#6b7280;align-items:center;font-size:14px;display:flex}.lg-date-icon{margin-right:8px}.progress-bar-container{background-color:#f3f4f6;border-radius:9999px;width:100%;height:8px;position:relative;overflow:hidden}.progress-bar-fill{background-color:#0d9488;border-radius:9999px;width:50%;height:100%;animation:2s ease-in-out infinite loadProgress;position:absolute}@keyframes loadProgress{0%{width:50%;left:-50%}50%{width:80%;left:25%}to{width:50%;left:100%}}.lg-layout-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.lg-layout-grid{grid-template-columns:2fr 1fr}}.snapshot-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width>=640px){.snapshot-grid{grid-template-columns:repeat(4,1fr)}}.two-col-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.two-col-grid{grid-template-columns:1fr 1fr}}.personalized-banner{background-color:#f0fdfa;border:1px solid #14b8a6;border-radius:12px;align-items:center;padding:16px 20px;display:flex}.banner-icon-circle{color:#0f766e;border:1px solid #14b8a6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:16px;display:flex}.banner-text h3{color:#0f766e;margin:0 0 4px;font-size:16px;font-weight:600}.banner-text p{color:#0f766e;opacity:.9;margin:0;font-size:14px}.snapshot-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:120px;padding:16px;display:flex;box-shadow:0 2px 4px #00000005}.snapshot-header{align-items:flex-start;display:flex}.snapshot-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-size:16px;display:flex}.snapshot-title-group{flex-direction:column;display:flex}.snapshot-title{color:#111827;margin:0 0 2px;font-size:14px;font-weight:700;line-height:1.2}.snapshot-subtitle{color:#6b7280;margin:0;font-size:12px}.snapshot-status{text-transform:uppercase;border-radius:20px;align-self:flex-start;margin-top:12px;padding:4px 10px;font-size:11px;font-weight:700}.snapshot-status.warning{color:#ef4444;background-color:#fef2f2}.snapshot-status.normal{color:#059669;background-color:#d1fae5}.food-rec-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.food-rec-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.food-rec-header-left{align-items:center;display:flex}.food-rec-icon{color:#059669;background-color:#d1fae5;border-radius:8px;margin-right:12px;padding:8px}.food-rec-title{color:#111827;margin:0;font-size:16px;font-weight:700}.food-rec-subtitle{color:#6b7280;margin:2px 0 0;font-size:14px}.evidence-badge{color:#059669;letter-spacing:.5px;background-color:#d1fae5;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.food-two-col-grid{grid-template-columns:1fr;gap:32px;padding:24px;display:grid}@media (width>=768px){.food-two-col-grid{grid-template-columns:1fr 1fr}}.food-col-title{text-transform:uppercase;letter-spacing:.5px;align-items:center;margin:0 0 16px;font-size:13px;font-weight:700;display:flex}.food-col-title.text-green-700{color:#15803d}.food-col-title.text-red-600{color:#dc2626}.food-list{flex-direction:column;gap:16px;display:flex}.food-item-card{border-bottom:1px solid #f3f4f6;align-items:flex-start;padding-bottom:16px;display:flex}.food-item-card:last-child{border-bottom:none;padding-bottom:0}.food-item-img{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;font-size:24px;display:flex}.food-item-text{flex-direction:column;display:flex}.food-item-title{color:#111827;margin:0 0 4px;font-size:14px;font-weight:700}.food-item-desc{color:#6b7280;margin:0;font-size:13px;line-height:1.4}.sidebar-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 2px #00000005}.sidebar-title{color:#111827;align-items:center;margin:0 0 24px;font-size:16px;font-weight:700;display:flex}.sidebar-title-icon{color:#14b8a6;margin-right:8px}.health-score-container{align-items:center;margin-bottom:24px;display:flex}.health-score-circle-lg{border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;margin-right:16px;display:flex;position:relative}.health-score-circle-lg .score-val{color:#111827;font-size:24px;font-weight:800;line-height:1}.health-score-circle-lg .score-max{color:#6b7280;font-size:11px;font-weight:600}.health-score-details{flex-direction:column;display:flex}.health-score-details h4{color:#111827;margin:0 0 4px;font-size:14px;font-weight:700}.health-score-details p{color:#6b7280;margin:0 0 4px;font-size:13px;line-height:1.3}.health-score-updated{color:#9ca3af;font-size:11px}.sidebar-btn-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sidebar-btn{cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sidebar-btn.outline-btn{color:#0f766e;border:1px solid #14b8a6}.sidebar-btn.outline-btn:not(:disabled):hover{background:#f0fdfa}.sidebar-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sidebar-subtitle{color:#374151;align-items:center;margin:0 0 4px;font-size:14px;font-weight:600;display:flex}.sidebar-desc{color:#6b7280;margin:0 0 16px;font-size:13px}.sidebar-btn.pill-btn{color:#374151;border:1px solid #d1d5db;border-radius:20px;padding:6px 12px}.sidebar-btn.pill-btn:hover{background:#f9fafb}.quick-actions-card{padding:0 8px}.quick-actions-title{color:#374151;text-transform:uppercase;letter-spacing:.5px;align-items:center;margin:0 0 16px;font-size:12px;font-weight:700;display:flex}.quick-actions-title-icon{color:#eab308;margin-right:8px}.quick-actions-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.quick-action-link{cursor:pointer;color:#4b5563;background:0 0;border:none;align-items:center;padding:0;font-size:14px;font-weight:500;transition:color .2s;display:flex}.quick-action-link:hover,.quick-action-link:hover svg{color:#111827}.quick-action-icon{color:#9ca3af;margin-right:12px}.lg-two-col-uneven{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.lg-two-col-uneven{grid-template-columns:3fr 2fr}}.lg-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;display:flex}.lg-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.lg-card-header.no-border{border-bottom:none;padding-bottom:8px}.lg-card-header-left{align-items:center;display:flex}.lg-card-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:16px;display:flex}.lg-card-icon.blue{color:#3b82f6;background-color:#eff6ff}.lg-card-icon.purple{color:#8b5cf6;background-color:#f5f3ff}.lg-card-icon.dark-blue{color:#4338ca;background-color:#e0e7ff}.lg-card-icon.pink{color:#ec4899;background-color:#fce7f3}.lg-card-title{color:#111827;margin:0 0 2px;font-size:16px;font-weight:700}.lg-card-subtitle{color:#6b7280;margin:0;font-size:13px}.lg-card-body{padding:20px}.pill-badge{letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:10px;font-weight:700}.pill-badge.blue{color:#2563eb;background-color:#eff6ff}.exercise-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.exercise-item{border-bottom:1px solid #f3f4f6;align-items:flex-start;padding-bottom:16px;display:flex}.exercise-item:last-child{border-bottom:none;padding-bottom:0}.exercise-item-icon{color:#3b82f6;background-color:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:24px;display:flex}.exercise-item-icon.blue{color:#3b82f6;background-color:#eff6ff}.exercise-item-icon.green{color:#10b981;background-color:#ecfdf5}.exercise-item-icon.purple{color:#a855f7;background-color:#faf5ff}.exercise-item-content{grid-template-columns:1fr;gap:16px;width:100%;display:grid}@media (width>=640px){.exercise-item-content{grid-template-columns:1fr 1fr;gap:32px}}.exercise-main h4{color:#111827;margin:0 0 4px;font-size:16px;font-weight:700}.exercise-main p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.exercise-benefits h5{color:#374151;text-transform:uppercase;margin:0 0 4px;font-size:14px;font-weight:700}.exercise-benefits p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.alert-box{border-radius:12px;align-items:flex-start;padding:16px;display:flex}.alert-box h4{margin:0 0 4px;font-size:14px;font-weight:700}.alert-box p{margin:0;font-size:13px;line-height:1.4}.alert-icon{flex-shrink:0;margin-right:12px}.alert-box.orange{color:#c2410c;background-color:#fff7ed}.alert-box.orange h4{color:#9a3412}.alert-box.light-blue{color:#1e40af;background-color:#eff6ff}.alert-box.yellow{color:#854d0e;background-color:#fefce8}.alert-box.blue{color:#0369a1;background-color:#e0f2fe}.alert-box.dark-blue{color:#3730a3;background-color:#e0e7ff}.hydration-target-box{border:1px solid #e5e7eb;border-radius:12px;align-items:center;padding:24px;display:flex}.hydration-icon-lg{color:#3b82f6;background-color:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-right:20px;display:flex}.hydration-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700}.hydration-val{color:#111827;white-space:nowrap;font-size:28px;font-weight:800}.hydration-unit{color:#6b7280;margin-left:8px;font-size:14px;font-weight:600}.metric-box{text-align:left;word-wrap:break-word;overflow-wrap:anywhere;border-radius:12px;flex-direction:row;align-items:flex-start;padding:16px;display:flex}.metric-box.dark-blue{background-color:#eef2ff}.metric-box.dark-blue .metric-icon{color:#4f46e5}.metric-box.dark-blue .metric-title{color:#1e1b4b}.metric-box.dark-blue .metric-desc{color:#4338ca}.metric-box.pink{background-color:#fdf2f8}.metric-box.pink .metric-icon{color:#ec4899}.metric-box.pink .metric-title{color:#831843}.metric-box.pink .metric-desc{color:#be185d}.metric-icon{flex-shrink:0;margin-top:2px;margin-right:12px}.metric-text-wrapper{flex-direction:column;display:flex}.metric-title{margin-bottom:4px;font-size:14px;font-weight:700}.metric-desc{font-size:12px;line-height:1.4}.support-banner{background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.support-banner-left{align-items:center;display:flex}.support-banner-icon{color:#059669}.support-banner h4{color:#065f46;margin:0 0 2px;font-size:14px;font-weight:700}.support-banner p{color:#047857;margin:0;font-size:13px}.support-btn{color:#059669;cursor:pointer;background-color:#fff;border:1px solid #d1fae5;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:background-color .2s}.support-btn:hover{background-color:#f0fdf4}.edit-preferences-view{background-color:#0000;min-height:100vh}.ep-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:16px;display:flex}.ep-header-left{align-items:flex-start;display:flex}.ep-back-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;margin-top:4px;margin-right:16px;padding:8px;display:flex}.ep-back-btn:hover{background:#f9fafb}.ep-title-wrapper{flex-direction:column;display:flex}.ep-title{color:#111827;margin:0;font-size:24px;font-weight:700;line-height:1.2}.ep-subtitle{color:#6b7280;margin-top:4px;font-size:14px}.ep-date{color:#9ca3af;align-items:center;font-size:14px;display:flex}.health-goal-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s;position:relative}.health-goal-card:hover{border-color:#0d9488;box-shadow:0 4px 6px -1px #0d94881a}.health-goal-card.selected{border-width:2px;border-color:#0d9488;padding:15px}.goals-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=1024px){.goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.goals-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.goal-top-row{justify-content:space-between;align-items:flex-start;display:flex}.goal-icon-box{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.goal-checkbox{border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.goal-checkbox.checked{background-color:#0d9488;border-color:#0d9488}.diet-btn-group{flex-wrap:wrap;gap:12px;display:flex}.diet-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.diet-btn:hover{background:#f9fafb}.diet-btn.selected{color:#0d9488;background:#f0fdfa;border-color:#0d9488}.diet-check-icon{color:#0d9488;justify-content:center;align-items:center;margin-right:8px;display:flex}.medical-tag{color:#0f766e;background:#f0fdfa;border:1px solid #0d9488;border-radius:6px;align-items:center;padding:6px 12px;font-size:14px;font-weight:500;display:inline-flex}.medical-tag.inactive{color:#6b7280;background:#fff;border-color:#e5e7eb}.medical-add-btn{color:#0d9488;cursor:pointer;border:1px dashed #0d9488;border-radius:6px;align-items:center;padding:6px 12px;font-size:14px;font-weight:500;display:inline-flex}.medical-add-btn:hover{background:#f0fdfa}.pref-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.styled-select{color:#111827;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.styled-select:focus{background-color:#fff;border-color:#0d9488}.pref-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@media (width<=768px){.pref-layout-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.fitness-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.fitness-btn{cursor:pointer;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:16px 8px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.fitness-btn:hover{border-color:#0d9488}.fitness-btn.selected{color:#0f766e;background:#f0fdfa;border-width:2px;border-color:#0d9488;padding:15px 7px}.fitness-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex;box-shadow:0 1px 3px #0000001a}.fitness-btn.selected .fitness-icon{color:#fff}.pref-checkbox-label{cursor:pointer;color:#374151;align-items:center;font-size:14px;display:flex}.pref-checkbox{accent-color:#0d9488;border-radius:4px;width:18px;height:18px;margin-right:12px}.styled-textarea{color:#111827;resize:vertical;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px}.styled-textarea:focus{background-color:#fff;border-color:#0d9488}.flex-wrap-gap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.medical-modal-overlay{z-index:50;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.medical-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:400px;padding:32px;box-shadow:0 10px 25px #0000001a}.pref-bottom-actions{z-index:10;background-color:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:fixed;bottom:0;left:250px;right:0}.pref-bottom-actions-right{align-items:center;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s}.modal-btn.primary{color:#fff;background-color:#0d9488}.modal-btn.primary:hover{background-color:#0f766e}.modal-btn.secondary{color:#4b5563;background-color:#0000;border:1px solid #d1d5db}.modal-btn.secondary:hover{background-color:#f3f4f6}.modal-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.medications-container{background-color:var(--bg-card);box-sizing:border-box;flex-direction:column;width:100%;height:100%;padding:0;display:flex}.medications-header{margin-bottom:24px}.medications-title{color:#111827;font-size:24px;font-weight:700}.reports-accordion{flex-direction:column;flex:1;gap:16px;width:100%;display:flex}.report-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 1px 2px #0000000d}.report-card-header{cursor:pointer;background-color:#f9fafb;justify-content:space-between;align-items:center;padding:16px 20px;transition:background-color .2s;display:flex}.report-card-header:hover{background-color:#f3f4f6}.report-info h3{color:#1f2937;margin:0 0 4px;font-size:16px;font-weight:600}.report-meta{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.expand-icon{justify-content:center;align-items:center;display:flex}.report-card-body{border-top:1px solid #e5e7eb;padding:0}.medications-table-header{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background-color:#fff;border-bottom:1px solid #e5e7eb;padding:12px 20px;font-size:12px;font-weight:600;display:flex}.col-med{flex:2}.col-dose{flex:1.5}.col-dur{flex:1}.medications-list{flex-direction:column;display:flex}.medication-item{border-bottom:1px solid #f3f4f6;align-items:center;padding:16px 20px;display:flex}.medication-item:last-child{border-bottom:none}.med-main{align-items:center;gap:12px;display:flex}.med-icon{background-color:#fef3c7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.med-details h4{color:#111827;margin:0 0 4px;font-size:15px;font-weight:600}.prescriber{color:#6b7280;margin:0;font-size:13px}.med-dosage{flex-direction:column;gap:4px;display:flex}.med-tag{color:#374151;font-size:14px;font-weight:500}.med-timing{color:#10b981;align-items:center;gap:4px;font-size:13px;display:flex}.med-duration{color:#374151;font-size:14px;font-weight:500}.no-meds{color:#6b7280;text-align:center;padding:20px;font-size:14px}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}.pagination-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#4b5563;font-size:14px}@media (width<=768px){.hidden-mobile{display:none}.medication-item{flex-direction:column;align-items:flex-start;gap:12px}.col-med,.col-dose,.col-dur{flex:none;width:100%}}.health-trend-container{background-color:#f9fafb;min-height:100vh;padding:0 24px 24px 0}.trend-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.trend-title-section{align-items:center;gap:16px;display:flex}.back-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:-8px;margin-left:-8px;padding:8px;display:flex}.back-btn:hover{background-color:#e5e7eb}.title-text h1{color:#111827;margin:0;font-size:24px;font-weight:600}.title-text p{color:#6b7280;margin:4px 0 0;font-size:14px}.btn-download-csv{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:flex;box-shadow:0 1px 2px #0000000d}.btn-download-csv:hover{background-color:#f3f4f6}.trend-tabs{border-bottom:1px solid #e5e7eb;gap:8px;margin-bottom:24px;padding-bottom:16px;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:15px;font-weight:500}.tab-btn.active{color:#065f46;background-color:#d1fae5}.summary-cards-row{gap:16px;margin-bottom:32px;display:flex}.summary-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;flex:1;padding:20px;box-shadow:0 1px 3px #0000000d}.summary-card h4{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:14px;font-weight:500}.summary-card-value,.summary-card-change{flex-direction:column;gap:4px;display:flex}.summary-date{color:#9ca3af;font-size:14px}.summary-number,.change-absolute{font-size:24px;font-weight:700}.change-percentage{color:#6b7280;font-size:14px;font-weight:500}.text-attention{color:#ef4444}.text-good{color:#10b981}.text-warning{color:#f59e0b}.reports-table-container{background:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.table-caption{color:#9ca3af;float:right;margin:0;font-size:13px}.reports-table-container h3{color:#111827;margin:0 0 20px;font-size:18px;font-weight:600}.reports-table{border-collapse:collapse;width:100%}.reports-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:12px;font-weight:600}.reports-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:16px;font-size:14px;font-weight:500}.status-badge{border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-attention{color:#b91c1c;background-color:#fee2e2}.badge-good{color:#047857;background-color:#d1fae5}.badge-warning{color:#d97706;background-color:#fef3c7}.graphical-content{background:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.graph-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.graph-title-desc h3{color:#111827;margin:0 0 4px;font-size:18px;font-weight:600}.graph-title-desc p{color:#6b7280;margin:0;font-size:14px}.time-filters{background-color:#f3f4f6;border-radius:8px;gap:4px;padding:4px;display:flex}.time-filter-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.time-filter-btn.active{color:#111827;background-color:#fff;box-shadow:0 1px 2px #0000000d}.custom-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;box-shadow:0 4px 6px -1px #0000001a}.custom-tooltip .label{color:#6b7280;margin:0 0 4px;font-size:12px}.custom-tooltip .value{color:#374151;margin:0 0 4px;font-weight:500}.custom-tooltip .value-number{color:#111827;font-size:16px;font-weight:700}.custom-tooltip .status{margin:0;font-size:13px;font-weight:600}.trend-loading-container,.trend-error-container{flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.error-text{color:#ef4444;font-weight:500}.sticky-header-container{z-index:10;background-color:#f9fafb;padding-top:0;position:sticky;top:0}