@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:#007a64;--primary-hover:#005f4d;--primary-light:#e6f7f4;--secondary-color:#0f172a;--accent-color:#14b8a6;--text-main:#334155;--text-title:#0f172a;--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}.header{-webkit-backdrop-filter:blur(12px);z-index:1000;width:auto;transition:var(--transition-all);background:#ffffffd9;border:1px solid #fff6;border-radius:50px;justify-content:center;align-items:center;padding:12px 32px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000000d}.header.scrolled{width:auto;max-width:auto;background:#fffffff2;border:1px solid #fff6;border-radius:50px;padding:12px 32px;top:20px;left:50%;box-shadow:0 10px 30px #0000001a}.top-logo-container{z-index:1001;height:0;position:relative}.static-logo{font-size:22px;font-weight:800;font-family:var(--font-heading);color:var(--secondary-color);align-items:center;gap:8px;display:flex;position:absolute;top:32px;left:24px}.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{gap:32px;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{padding:100px 0;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:18px}.hero-buttons{gap:16px;margin-bottom:40px;display:flex}.btn-primary{background-color:var(--primary-color);color:#fff;border-radius:8px;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:8px;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{align-items:center;gap:16px;display:flex}.user-avatars{display:flex}.user-avatars img{border:2px solid #fff;border-radius:50%;width:36px;height:36px;margin-right:-10px}.trusted-text{font-size:14px}.trusted-text strong{color:var(--text-title);display:block}.how-it-works-sec{background:#fff}.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);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);background:#f8fafc;border:2px dashed #007a6433;border-radius:16px;margin-bottom:20px;padding:24px 16px}.upload-box:hover{background:var(--primary-light);border-color:var(--primary-color)}.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:140px;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:124px;height:124px;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}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:var(--primary-color);border-radius:4px;width:78%;height:100%}.score-card{border:1px solid var(--border-color);background:#f8fafc;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);align-items:center;gap:8px;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:#f8fafc;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}.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-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:18px}.feature-card p{color:var(--text-main);font-size:13px}.about-us-sec{background:#fff}.about-dashboard-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:60px;margin-top:60px;display:grid}.about-features{flex-direction:column;gap:24px;display:flex}.about-feature-item{border-left:4px solid var(--primary-color);box-shadow:var(--shadow-sm);transition:var(--transition-all);background:#f8fafc;border-radius:16px;padding:24px}.about-feature-item:hover{box-shadow:var(--shadow-md);transform:translate(5px)}.about-feat-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.about-feat-icon{color:var(--primary-color)}.about-feat-header h3{font-size:18px}.about-feat-item p{color:var(--text-main);font-size:14px}.dashboard-mockup{border:1px solid var(--border-color);box-shadow:var(--shadow-xl);background:#f8fafc;border-radius:16px;overflow:hidden}.dash-header{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.dash-logo{color:var(--primary-color);font-size:16px;font-weight:800}.dash-user{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.dash-user img{border-radius:50%;width:28px;height:28px}.dash-body{grid-template-columns:1fr 1.2fr;gap:16px;padding:24px;display:grid}.dash-col-left{flex-direction:column;gap:16px;display:flex}.dash-card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;padding:16px}.trend-chart{justify-content:space-between;align-items:flex-end;gap:8px;height:100px;padding-top:16px;display:flex}.chart-bar{background:var(--primary-light);min-height:20px;transition:var(--transition-all);border-radius:4px;flex-grow:1}.chart-bar.high{background:var(--primary-color)}.report-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;font-size:11px;display:flex}.report-item:last-child{border-bottom:none}.faqs-sec{background:#f8fafc}.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:140px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{background:#f8fafc;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}.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:#f8fafc;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{border:1px solid var(--border-color);background:#f8fafc;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:16px;display:flex}.support-tip-icon{color:#eab308}.support-tip-text h4{color:var(--text-title);font-size:13px;font-weight:600}.support-tip-text p{color:var(--text-main);font-size:12px}.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{background:var(--secondary-color);color:#94a3b8;padding:60px 0 30px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-logo{color:#fff;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:#fff;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:#fff;padding-left:4px}.footer-bottom{border-top:1px solid #1e293b;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:pointer}.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:#f8fafc;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:18px;font-weight:800;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-back-btn:hover{color:var(--text-title)}.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{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-tabs{border-bottom:1.5px solid var(--border-color);margin-bottom:24px;display:flex}.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;overflow:hidden}.auth-mobile-input-wrapper:focus-within{border-color:var(--primary-color)}.auth-country-selector{border-right:1px solid var(--border-color);background:#f8fafc;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;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:#f8fafc}.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:#f8fafc;border-radius:8px;font-size:18px;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:#f8fafc;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:18px}.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:18px;font-weight:800;display:flex}.doctor-stepper{border:1px solid var(--border-color);background:#f8fafc;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;padding-bottom:24px;display:flex}.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:#f8fafc;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:#f8fafc;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{background:var(--secondary-color);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:12px 36px;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 12px #0f766e33}.doctor-save-btn:hover{background:#0d9488;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:#f8fafc;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:#f8fafc;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:#f8fafc;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:1;justify-content:center;align-items:center;padding:40px;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;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:100px;height:100px;display:flex;position:relative}.health-score-svg{width:100px;height:100px;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;stroke-dasharray:251.2;stroke-dashoffset:55.2px;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;padding:4px 12px;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{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:#f8fafc;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}