.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.theme-toggle:hover{background:var(--gray-100);color:var(--primary-500)}.theme-toggle svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.theme-toggle:active svg{transform:rotate(30deg) scale(.85)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;transition:background .3s ease,border-color .3s ease}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-8)}.navbar-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}.navbar-brand-text{font-size:var(--font-xl);font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.navbar-brand-accent{color:var(--primary-500)}.navbar-links{display:flex;align-items:center;gap:var(--space-1)}.navbar-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);font-weight:500;font-size:var(--font-sm);transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.navbar-link:hover{color:var(--primary-600);background:var(--primary-50)}.navbar-link-active{color:var(--primary-600);background:var(--primary-50);font-weight:600}.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}.navbar-user{position:relative}.navbar-avatar-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);transition:background var(--transition-fast)}.navbar-avatar-btn:hover{background:var(--gray-100)}.navbar-avatar{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--primary-100)}.navbar-username{font-weight:600;font-size:var(--font-sm);color:var(--text-primary)}.navbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);overflow:hidden}.navbar-dropdown-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.navbar-dropdown-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}.navbar-dropdown-name{font-weight:600;font-size:var(--font-sm);color:var(--text-primary)}.navbar-dropdown-email{font-size:var(--font-xs);color:var(--text-tertiary)}.navbar-dropdown-divider{height:1px;background:var(--gray-100)}.navbar-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-sm);color:var(--text-secondary);transition:all var(--transition-fast);text-decoration:none;width:100%;cursor:pointer}.navbar-dropdown-item:hover{background:var(--gray-50);color:var(--text-primary)}.navbar-dropdown-logout{color:var(--error)}.navbar-dropdown-logout:hover{background:var(--error-light);color:var(--error)}.navbar-auth-btns{display:flex;align-items:center;gap:var(--space-3)}.navbar-login-btn{padding:var(--space-2) var(--space-5);font-weight:600;font-size:var(--font-sm);color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);text-decoration:none}.navbar-login-btn:hover{color:var(--primary-600);background:var(--primary-50)}.navbar-register-btn{padding:var(--space-2) var(--space-5);font-weight:600;font-size:var(--font-sm);color:#fff;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);transition:all var(--transition-fast);text-decoration:none}.navbar-register-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.navbar-mobile-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-primary)}@media(max-width:768px){.navbar{height:auto;min-height:var(--navbar-height);padding-bottom:var(--space-3)}.navbar-inner{flex-wrap:wrap;padding-top:var(--space-2);padding-bottom:var(--space-2);gap:var(--space-2)}.navbar-links{position:fixed;top:var(--navbar-height);left:0;right:0;background:var(--bg-primary);flex-direction:column;padding:var(--space-4);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);display:none;z-index:99}.navbar-links-open{display:flex;animation:fadeInDown .2s ease}.navbar-link{width:100%;padding:var(--space-3) var(--space-4)}.navbar-actions{order:2}.navbar-mobile-toggle{display:flex}.navbar-username{display:none}.navbar-search-container{order:3;flex:0 0 100%;max-width:100%;width:100%;margin:0;margin-top:var(--space-2);box-sizing:border-box}.navbar-links.navbar-links-open .mobile-divider{display:block!important}.navbar-links.navbar-links-open .mobile-only{display:flex!important;align-items:center;gap:12px;padding:12px 24px!important;color:var(--text-secondary);font-size:.95rem;background:transparent;border:none;width:100%;text-align:left;text-decoration:none}.navbar-links.navbar-links-open .mobile-only:hover{background:var(--bg-secondary);color:var(--primary-600)}.navbar-dropdown-logout{color:var(--error)!important}.mobile-divider{display:block!important;margin:var(--space-2) 0}.mobile-only{display:flex!important}}@media(max-width:425px){.navbar-brand-text{font-size:var(--font-lg)}.navbar-inner{padding-left:var(--space-2);padding-right:var(--space-2)}}@media(max-width:375px){.navbar-brand-text{font-size:var(--font-base)}.navbar-actions{gap:var(--space-2)}.navbar-login-btn,.navbar-register-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-xs)}.navbar-avatar{width:32px;height:32px}}.navbar-search-container{position:relative;flex:1;max-width:400px;margin:0 var(--space-4)}.navbar-search-input-wrapper{position:relative;display:flex;align-items:center}.navbar-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;pointer-events:none}.navbar-search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-sm);transition:all .2s ease;box-sizing:border-box}.navbar-search-input:focus{background:var(--bg-primary);border-color:var(--primary-400);box-shadow:0 0 0 2px #3b82f61a;outline:none}.navbar-search-spinner{position:absolute;right:var(--space-3);top:50%;margin-top:-8px;width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite;pointer-events:none}.navbar-search-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:1000}.navbar-search-item{padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--gray-50)}.navbar-search-item:last-child{border-bottom:none}.navbar-search-item:hover{background:var(--primary-50)}.navbar-search-item-title{font-size:var(--font-sm);font-weight:500;color:var(--text-primary);margin-bottom:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;border:2px solid transparent;white-space:nowrap;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-sm)}.btn-md{padding:var(--space-3) var(--space-6);font-size:var(--font-base)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-lg)}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border-color:var(--gray-200)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.btn-outline{background:transparent;color:var(--primary-600);border-color:var(--primary-200)}.btn-outline:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-400)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-full{width:100%}.btn-spinner{animation:spin 1s linear infinite}.btn-icon{flex-shrink:0}.hero{position:relative;overflow:hidden;padding:var(--space-20) 0 var(--space-12);background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary-50);color:var(--primary-600);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:600;margin-bottom:var(--space-6);border:1px solid var(--primary-100)}.hero-title{font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1.1;letter-spacing:-1px;margin-bottom:var(--space-6)}.hero-title-accent{color:var(--primary-500)}.hero-subtitle{font-size:var(--font-lg);color:var(--text-secondary);max-width:480px;margin-bottom:var(--space-8);line-height:1.7}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-search-container{position:relative;width:100%;max-width:600px;margin-bottom:var(--space-8);z-index:20}.hero-search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.hero-search-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-full);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:2;box-shadow:var(--shadow-sm)}.hero-search-btn:hover{background:var(--primary-600);transform:translateY(-50%) scale(1.05)}.hero-search-input{width:100%;padding:var(--space-4) var(--space-16) var(--space-4) var(--space-6);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-base);box-shadow:var(--shadow-lg);transition:all var(--transition-base);box-sizing:border-box}.hero-search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px #0b6bff26;outline:none}.hero-search-spinner{position:absolute;right:var(--space-4);top:50%;margin-top:-10px;width:20px;height:20px;border:3px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite;pointer-events:none;z-index:2}.hero-search-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;z-index:100}.hero-search-item{padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--border-color);text-align:left}.hero-search-item:last-child{border-bottom:none}.hero-search-item:hover{background:var(--primary-50)}.hero-search-item-title{font-size:var(--font-base);font-weight:600;color:var(--text-primary);margin-bottom:2px}.hero-search-item-empty{padding:var(--space-4);color:var(--text-tertiary);text-align:center;font-size:var(--font-sm)}.hero-visual{display:flex;flex-direction:column;gap:var(--space-4);position:relative}.hero-card{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-primary);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:transform var(--transition-base)}.hero-card:hover{transform:translate(8px)}.hero-card-1{margin-left:20px}.hero-card-2{margin-left:60px}.hero-card-3{margin-left:40px}.hero-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--primary-50);color:var(--primary-500);flex-shrink:0}.hero-card-icon-teal{background:var(--accent-50);color:var(--accent-500)}.hero-card-icon-green{background:var(--success-light);color:var(--success)}.hero-card-title{font-weight:600;font-size:var(--font-sm);color:var(--text-primary)}.hero-card-sub{font-size:var(--font-xs);color:var(--text-tertiary)}.hero-card-check{color:var(--primary-500);margin-left:auto}.hero-location-toggle-container{width:100%;max-width:600px;margin:1rem auto 0;z-index:10}.location-toggle-btn{display:flex;align-items:center;gap:.75rem;background:transparent;border:none;padding:0;cursor:pointer;font-size:var(--font-sm);color:var(--text-primary)}.toggle-switch{width:36px;height:20px;background:#e2e8f0;border-radius:20px;position:relative;transition:background .3s ease;flex-shrink:0}.toggle-switch.active{background:var(--success)}.toggle-thumb{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s ease;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-thumb{transform:translate(16px)}.hero-bg-blur,.hero-bg-blur-1,.hero-bg-blur-2{display:none}.stats-section{padding:var(--space-16) 0;background:var(--bg-primary)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center}.location-cta-section{padding:var(--space-8) 0;background:var(--bg-secondary)}.location-cta-card{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:600px;margin:0 auto;gap:var(--space-4);background:var(--bg-primary);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.location-cta-card h2{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.location-cta-card p{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--space-4)}.btn-glow-blue{background:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.btn-glow-blue:hover{background:var(--primary-600);box-shadow:var(--shadow-glow-blue);transform:translateY(-2px)}.btn-glow-blue:active{transform:translateY(0)}.stat-item{display:flex;flex-direction:column;gap:var(--space-2)}.stat-value{font-size:var(--font-4xl);font-weight:800;background:linear-gradient(135deg,var(--primary-600),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--font-sm);color:var(--text-tertiary);font-weight:500}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{font-size:var(--font-3xl);font-weight:800;margin-bottom:var(--space-3)}.section-header p{font-size:var(--font-lg);color:var(--text-tertiary)}.features-section{padding:var(--space-20) 0;background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.feature-card{background:var(--bg-primary);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-200)}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--primary-50);color:var(--primary-500);margin-bottom:var(--space-5)}.feature-card h3{font-size:var(--font-lg);margin-bottom:var(--space-3)}.feature-card p{font-size:var(--font-sm);line-height:1.6}.how-section{padding:var(--space-20) 0;background:var(--bg-primary)}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.how-card{text-align:center;padding:var(--space-6)}.how-step{display:inline-block;font-size:var(--font-3xl);font-weight:800;color:var(--primary-100);margin-bottom:var(--space-4)}.how-card h3{font-size:var(--font-xl);margin-bottom:var(--space-3)}.how-card p{font-size:var(--font-sm)}.specs-section{padding:var(--space-20) 0;background:var(--bg-secondary)}.specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.spec-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--gray-100);text-decoration:none;transition:all var(--transition-base)}.spec-card:hover{border-color:var(--primary-200);background:var(--primary-50);transform:translateY(-2px)}.spec-emoji{font-size:var(--font-2xl)}.spec-name{font-weight:600;font-size:var(--font-sm);color:var(--text-primary)}.hospitals-slider-section{padding:var(--space-20) 0;background:var(--bg-primary);overflow:hidden}.hospital-slider-wrapper{position:relative;width:100%;overflow:hidden;padding:var(--space-4) 0;mask-image:linear-gradient(to right,#0000,#000 10%,#000 90%,#0000);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,rgba(0,0,0,0) 100%)}.hospital-slider-track{display:flex;gap:var(--space-6);width:max-content;animation:scrollHospitals 30s linear infinite}.hospital-slider-wrapper:hover .hospital-slider-track{animation-play-state:paused}.hospital-slide-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hospital-slide-card:hover{transform:translateY(-4px);border-color:var(--primary-200);box-shadow:var(--shadow-card-hover)}.hospital-slide-card h3{font-size:var(--font-lg);color:var(--text-primary);margin:0}.hospital-slide-location{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:var(--font-sm);margin:0}.hospital-slide-rating{display:flex;align-items:center;gap:.25rem;color:var(--secondary-500);font-size:var(--font-sm);font-weight:500}.slide-view-btn{margin-top:auto}@keyframes scrollHospitals{0%{transform:translate(0)}to{transform:translate(-1720px)}}.cta-section{padding:var(--space-16) 0;background:var(--primary-50)}.cta-card{text-align:center;padding:var(--space-12) var(--space-6);background:var(--primary-500);border-radius:var(--radius-2xl);color:#fff}.cta-card h2{color:#fff;font-size:var(--font-3xl);margin-bottom:var(--space-4)}.cta-card p{color:#ffffffe6;font-size:var(--font-lg);margin-bottom:var(--space-8)}.landing-footer{background:var(--gray-900);padding:var(--space-16) 0 var(--space-8);color:var(--gray-400)}.footer-inner{display:flex;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand p{margin-top:var(--space-3);color:var(--gray-400);font-size:var(--font-sm)}.footer-brand .navbar-brand-text{color:#fff}.footer-links{display:flex;gap:var(--space-16)}.footer-links h4{color:#fff;font-size:var(--font-sm);font-weight:600;margin-bottom:var(--space-4)}.footer-links a{display:block;color:var(--gray-400);font-size:var(--font-sm);padding:var(--space-1) 0;transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:var(--space-6)}.footer-bottom p{color:var(--gray-500);font-size:var(--font-sm);text-align:center}@media(max-width:1024px){.features-grid,.how-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media(max-width:768px){.hero{padding:var(--space-8) 1rem var(--space-8);text-align:center;overflow-x:hidden}.hero-title{font-size:clamp(2rem,8vw,2.5rem)}.hero-search-container,.hero-location-toggle-container{width:100%;max-width:100%}.hero-inner{grid-template-columns:1fr;gap:var(--space-8)}.stats-grid,.features-grid,.specs-grid,.how-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{flex-direction:column;gap:var(--space-8)}.cta-card{padding:var(--space-10)}}@media(max-width:425px){.stats-grid,.features-grid,.specs-grid,.how-grid{grid-template-columns:1fr}.hero-title{font-size:clamp(1.75rem,7vw,2rem)}.hospital-slide-card{width:280px}}@media(max-width:375px){.hero-actions{flex-direction:column;width:100%}.hero-actions .btn-glow-blue{width:100%}.section-header h2{font-size:var(--font-2xl)}}@media(max-width:320px){.stat-value{font-size:var(--font-3xl)}.feature-card{padding:var(--space-5)}}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.input-required{color:var(--error);margin-left:2px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-4);color:var(--gray-400);pointer-events:none;z-index:1}.input-field{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-fast);outline:none}.input-field.input-with-icon{padding-left:calc(var(--space-4) + 24px)}.input-field::placeholder{color:var(--gray-400)}.input-field:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f61a}.input-field:disabled{background:var(--gray-50);cursor:not-allowed}.input-textarea{resize:vertical;min-height:100px}.input-error .input-field{border-color:var(--error)}.input-error .input-field:focus{box-shadow:0 0 0 3px #ef44441a}.input-error-text{font-size:var(--font-xs);color:var(--error)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8);background:var(--bg-secondary)}.auth-container{display:grid;grid-template-columns:1fr 1fr;max-width:960px;width:100%;background:var(--bg-primary);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);position:relative;z-index:10}.auth-left{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));padding:var(--space-12);display:flex;align-items:center}.auth-left-content{color:#fff}.auth-left-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.auth-left-content h2{color:#fff;font-size:var(--font-2xl);margin-bottom:var(--space-4)}.auth-left-content p{color:#fffc;font-size:var(--font-base);line-height:1.7;margin-bottom:var(--space-8)}.auth-features{display:flex;flex-direction:column;gap:var(--space-3)}.auth-feature{color:#ffffffe6;font-size:var(--font-sm);font-weight:500}.auth-right{padding:var(--space-10) var(--space-10);display:flex;flex-direction:column;justify-content:center}.auth-form-header{margin-bottom:var(--space-8)}.auth-form-header h2{font-size:var(--font-2xl);font-weight:800;margin-bottom:var(--space-2)}.auth-form-header p{font-size:var(--font-base);color:var(--text-tertiary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5);position:relative;z-index:20}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.auth-switch{margin-top:var(--space-6);text-align:center;font-size:var(--font-sm);color:var(--text-tertiary)}.auth-switch a{color:var(--primary-600);font-weight:600}@media(max-width:768px){.auth-container{grid-template-columns:1fr}.auth-left{display:none}.auth-right{padding:var(--space-8)}.auth-row{grid-template-columns:1fr}}@media(max-width:425px){.role-selection{grid-template-columns:1fr}}.role-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.role-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4) var(--space-2);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);color:var(--text-secondary)}.role-card:hover{border-color:var(--primary-400);background:var(--bg-primary)}.role-card.active{border-color:var(--primary-500);background:#3b82f61a;color:var(--primary-500)}.role-card svg{margin-bottom:var(--space-2)}.role-card span{font-size:var(--font-sm);font-weight:600}.auth-form-scrollable{max-height:55vh;overflow-y:auto;padding-right:var(--space-2);display:flex;flex-direction:column;gap:var(--space-5)}.auth-form-scrollable::-webkit-scrollbar{width:6px}.auth-form-scrollable::-webkit-scrollbar-track{background:transparent}.auth-form-scrollable::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.auth-form-actions{margin-top:var(--space-6);position:relative;z-index:30;pointer-events:auto}.skeleton-wrapper{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.skeleton-wrapper.hospital-card{padding:0;overflow:hidden}.skeleton-line,.skeleton-box,.skeleton-circle{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-color) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:pulse-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-circle{border-radius:50%}.skeleton-title{height:24px;margin-bottom:var(--space-4)}.skeleton-text{height:16px;margin-bottom:var(--space-2)}@keyframes pulse-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);background:var(--bg-primary);border-radius:var(--radius-2xl);border:1px dashed var(--border-color)}.empty-state-icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%;color:var(--gray-400);margin-bottom:var(--space-6)}.empty-state-title{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-desc{font-size:var(--font-base);color:var(--text-secondary);max-width:400px}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.2}.badge-primary{background:var(--primary-50);color:var(--primary-600)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-neutral{background:var(--gray-100);color:var(--gray-700)}.w-3\/4{width:75%}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.h-10{height:40px}.h-8{height:32px}.mt-6{margin-top:1.5rem}.gap-4{gap:1rem}.shrink-0{flex-shrink:0}.dashboard-page{padding-top:var(--navbar-height);min-height:100vh;background:var(--bg-secondary)}.dashboard-header{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));padding:var(--space-8) 0;color:#fff;box-shadow:var(--shadow-md)}.dashboard-welcome h2{font-size:var(--font-2xl);margin-bottom:var(--space-2)}.location-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:#ffffffe6;background:#ffffff26;padding:6px 12px;border-radius:999px;width:fit-content}.dashboard-content{padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;gap:var(--space-12)}.search-prompt-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);margin-top:calc(var(--space-8) * -2);position:relative;z-index:10}.search-prompt-icon{background:var(--primary-50);color:var(--primary-600);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-prompt-text{flex:1;margin:0 var(--space-6)}.search-prompt-text h3{font-size:var(--font-xl);color:var(--text-primary);margin-bottom:var(--space-1)}.search-prompt-text p{color:var(--text-secondary);font-size:var(--font-base)}.dashboard-section.bg-light{background:var(--bg-tertiary);margin:0 calc(var(--space-4) * -1);padding:var(--space-8) var(--space-4);border-radius:var(--radius-xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.section-header h3{font-size:var(--font-xl);color:var(--text-primary)}.view-all{display:flex;align-items:center;gap:4px;color:var(--primary-600);font-weight:600;font-size:var(--font-sm)}.view-all:hover{color:var(--primary-700);text-decoration:underline}.hospital-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:var(--space-6)}.doctor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-6)}.hospital-card{background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column}.hospital-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hospital-image{height:160px;background-size:cover;background-position:center;position:relative}.distance-badge{position:absolute;bottom:var(--space-3);right:var(--space-3);background:#0f172acc;color:#fff;padding:4px 10px;border-radius:999px;font-size:var(--font-xs);font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hospital-info{padding:var(--space-5);display:flex;flex-direction:column;flex:1}.hospital-info h4{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:var(--space-1)}.hospital-address{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-4);flex:1}.hospital-meta{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--border-color)}.departments-count{font-size:var(--font-sm);color:var(--text-tertiary);font-weight:500}.doctor-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md);border:1px solid var(--border-color);display:flex;flex-direction:column;transition:transform var(--transition-fast)}.doctor-card:hover{transform:translateY(-4px)}.doctor-card-header{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);align-items:flex-start}.doctor-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.doctor-quick-info{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.experience-tag{font-size:var(--font-xs);color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-md);font-weight:500}.doctor-card-body h4{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:2px}.specialization{color:var(--primary-600);font-weight:600;font-size:var(--font-sm);margin-bottom:var(--space-4)}.doctor-hospitals-mini,.next-available-mini{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.doctor-card-footer{margin-top:auto;padding-top:var(--space-4)}@media(max-width:768px){.search-prompt-card{flex-direction:column;text-align:center;gap:var(--space-4)}.search-prompt-text{margin:0}}.search-page{padding-top:var(--navbar-height);min-height:100vh;background:var(--bg-secondary)}.search-header-container{background:var(--bg-primary);padding:var(--space-6) 0;border-bottom:1px solid var(--border-color);position:sticky;top:var(--navbar-height);z-index:40}.search-bar-wrapper{position:relative;max-width:800px;margin:0 auto;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-4);color:var(--gray-400)}.smart-search-input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) 48px;font-size:var(--font-lg);border:2px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-tertiary);color:var(--text-primary);transition:all var(--transition-fast)}.smart-search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f61a;background:var(--bg-primary)}.smart-badge{position:absolute;right:var(--space-4);display:flex;align-items:center;gap:4px;font-size:var(--font-xs);font-weight:600;color:var(--primary-600);background:var(--primary-50);padding:4px 8px;border-radius:var(--radius-md);animation:pulse 2s infinite}.search-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-8);padding:var(--space-8) var(--space-4)}.filter-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-color);position:sticky;top:calc(var(--navbar-height) + 120px)}.filter-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.filter-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary)}.location-context-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.results-header h2{font-size:var(--font-xl);color:var(--text-primary)}.results-count{color:var(--text-secondary);font-size:var(--font-sm);font-weight:500}.search-results-grid{display:flex;flex-direction:column;gap:var(--space-4)}.search-result-card{display:flex;gap:var(--space-6);background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-color);transition:all var(--transition-fast)}.search-result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-200)}.result-avatar{width:100px;height:100px;border-radius:var(--radius-lg);object-fit:cover}.result-info{flex:1}.result-title-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:2px}.result-title-row h3{font-size:var(--font-xl);color:var(--text-primary)}.result-specialization{color:var(--primary-600);font-weight:600;font-size:var(--font-base);margin-bottom:var(--space-3)}.result-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-sm);color:var(--text-secondary)}.meta-divider{color:var(--gray-300)}.distance-text{display:flex;align-items:center;gap:4px;color:var(--success);font-weight:500}.hospital-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hospital-chip{background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--font-xs);padding:4px 10px;border-radius:999px;border:1px solid var(--border-color)}.result-action{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;min-width:140px;border-left:1px solid var(--border-color);padding-left:var(--space-6)}.fee-text{font-size:var(--font-xl);font-weight:700;color:var(--text-primary)}.fee-label{font-size:var(--font-xs);color:var(--text-tertiary)}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media(max-width:992px){.search-layout{grid-template-columns:1fr}.filter-card{position:static}.search-result-card{flex-direction:column}.result-action{border-left:none;border-top:1px solid var(--border-color);padding-left:0;padding-top:var(--space-4);align-items:center}}.bg-secondary{background-color:var(--bg-secondary)}.bg-primary{background-color:var(--bg-primary)}.bg-primary-50{background-color:var(--primary-50)}.border-primary-100{border-color:var(--primary-100)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-primary-600{color:var(--primary-600)}.border-b{border-bottom:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border{border:1px solid var(--border-color)}.border-color{border-color:var(--border-color)}.rounded-xl{border-radius:var(--radius-xl)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.min-h-screen{min-height:100vh}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pb-12{padding-bottom:3rem}.p-6{padding:1.5rem}.p-4{padding:1rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.pt-4{padding-top:1rem}.pb-6{padding-bottom:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-8{gap:2rem}.flex-1{flex:1 1 0%}.w-full{width:100%}.max-w-3xl{max-width:48rem}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-relaxed{line-height:1.625}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.space-y-4>*+*{margin-top:1rem}@media(min-width:768px){.md\:flex-row{flex-direction:row}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}}@media(min-width:640px){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.profile-page{padding-top:var(--navbar-height)}.profile-avatar{width:160px;height:160px;border-radius:var(--radius-2xl);object-fit:cover;border:4px solid var(--bg-primary);background:var(--bg-secondary)}.hospital-selector-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.hospital-selector-card:hover{border-color:var(--primary-300);background:var(--bg-secondary)}.hospital-selector-card.active{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 0 0 1px var(--primary-500)}.day-pill{padding:6px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.slot-btn{display:block;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--primary-200);border-radius:var(--radius-md);color:var(--primary-700);font-size:var(--font-sm);font-weight:600;transition:all var(--transition-fast);text-decoration:none}.slot-btn:hover{background:var(--primary-500);color:#fff;border-color:var(--primary-500);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.appointments-page{padding-top:var(--navbar-height);min-height:100vh;background:var(--bg-secondary)}.appointments-layout{display:flex;flex-direction:column}.appointments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:var(--space-6)}.appointment-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.appointment-card:not(.past):hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-200)}.appointment-card.past{opacity:.8;background:var(--bg-tertiary)}.apt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.apt-icon-box{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-50);display:flex;align-items:center;justify-content:center}.past .apt-icon-box{background:var(--bg-secondary)}.apt-body{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);flex:1}.apt-info-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-base);color:var(--text-primary);font-weight:500}.apt-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px dashed var(--border-color)}.empty-opacity{opacity:.7}.profile-page .container{padding-top:var(--space-8);padding-bottom:var(--space-12)}.profile-header{margin-bottom:var(--space-8)}.profile-header h1{font-size:var(--font-3xl);font-weight:800;margin-bottom:var(--space-2)}.profile-header p{color:var(--text-tertiary)}.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-6);align-items:start}.profile-sidebar{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:calc(var(--navbar-height) + var(--space-8))}.profile-card{background:var(--bg-primary);border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.profile-avatar{width:80px;height:80px;border-radius:var(--radius-full);margin:0 auto var(--space-4);border:3px solid var(--primary-100)}.profile-card h3{font-size:var(--font-lg);margin-bottom:var(--space-1)}.profile-role{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--primary-500);font-weight:600;background:var(--primary-50);padding:2px var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-2)}.profile-email{font-size:var(--font-sm);color:var(--text-tertiary)}.profile-completion{background:var(--bg-primary);border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:var(--space-4)}.profile-completion-header{display:flex;justify-content:space-between;font-size:var(--font-sm);margin-bottom:var(--space-2);color:var(--text-secondary)}.profile-completion-header strong{color:var(--primary-500)}.profile-progress-bar{height:6px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden}.profile-progress-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.profile-nav{background:var(--bg-primary);border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.profile-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);width:100%;text-align:left}.profile-nav-item:hover{background:var(--gray-50);color:var(--primary-600)}.profile-nav-active{background:var(--primary-50);color:var(--primary-600)}.profile-content{background:var(--bg-primary);border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:var(--space-8)}.profile-section h2{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-xl);margin-bottom:var(--space-2)}.profile-section-desc{font-size:var(--font-sm);color:var(--text-tertiary);margin-bottom:var(--space-8)}.profile-form{display:flex;flex-direction:column;gap:var(--space-5)}.profile-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.profile-select{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-primary);outline:none;cursor:pointer}.profile-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f61a}.profile-form-actions{display:flex;justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--gray-100)}@media(max-width:768px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-form-row{grid-template-columns:1fr}}.checkout-page{padding-top:calc(var(--navbar-height) + var(--space-8))}.min-vh-80{min-height:80vh}.checkout-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:992px){.checkout-layout{grid-template-columns:1.5fr 1fr}}.back-btn{display:flex;align-items:center;gap:4px;color:var(--text-secondary);background:transparent;border:none;font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.back-btn:hover{color:var(--primary-600)}.pay-option-btn{display:flex;align-items:center;width:100%;padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.pay-option-btn:hover{border-color:var(--primary-400);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.slide-up-anim{animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.slide-left-anim{animation:slideLeft .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fancy-spinner{width:64px;height:64px;border:4px solid var(--bg-tertiary);border-top-color:var(--primary-500);border-right-color:var(--primary-400);border-radius:50%;animation:fancySpin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}@keyframes fancySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-card{max-width:480px;width:100%;padding:var(--space-10);background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.hospital-dashboard{padding-bottom:3rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.dashboard-header h1{font-size:1.75rem;color:var(--text-primary);margin-bottom:.5rem}.hospital-logo{width:60px;height:60px;border-radius:var(--radius-md);object-fit:contain;background:var(--bg-primary);border:1px solid var(--border-color);padding:.25rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--space-6);margin-bottom:2.5rem}.kpi-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0003;border-color:var(--border-hover)}.kpi-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.kpi-icon-wrapper.blue{background:#3b82f61a;color:#3b82f6}.kpi-icon-wrapper.purple{background:#a855f71a;color:#a855f7}.kpi-icon-wrapper.orange{background:#f973161a;color:#f97316}.kpi-icon-wrapper.green{background:#10b9811a;color:#10b981}.kpi-info h3{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin-bottom:.25rem}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.dashboard-section{margin-bottom:2.5rem;padding:1.5rem;overflow:hidden}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.flex-between{display:flex;justify-content:space-between;align-items:center}.table-responsive{overflow-x:auto;margin:0 -1.5rem -1.5rem}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:1rem 1.5rem;background:var(--bg-hover);color:var(--text-secondary);font-size:.875rem;font-weight:500;border-bottom:1px solid var(--border-color)}.data-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.95rem;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#ffffff05}.doctor-info-cell{display:flex;align-items:center;gap:1rem}.doctor-thumbnail{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500}.status-pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.status-accepted{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.status-completed{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-cancelled{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.status-active{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.actions-cell{display:flex;justify-content:flex-end;gap:.5rem}.icon-btn{background:none;border:none;width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-tertiary)}.edit-btn:hover{background:#3b82f61a;color:#3b82f6}.delete-btn:hover{background:#ef44441a;color:#ef4444}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.kpi-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #0B6BFF;--primary-600: #005ce6;--primary-700: #004bbd;--primary-800: #003a94;--primary-900: #002e7a;--primary-950: #001d52;--accent-50: #f0fdfa;--accent-100: #ccfbf1;--accent-200: #99f6e4;--accent-300: #5eead4;--accent-400: #2dd4bf;--accent-500: #14b8a6;--accent-600: #0d9488;--accent-700: #0f766e;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--error: #ef4444;--error-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-overlay: rgba(0, 0, 0, .4);--navbar-bg: rgba(255, 255, 255, .98);--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-inverse: #ffffff;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -4px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .03);--shadow-card: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-card-hover: 0 12px 24px rgba(11, 107, 255, .12), 0 4px 8px rgba(0, 0, 0, .04);--shadow-glow-blue: 0 0 15px rgba(11, 107, 255, .25);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--max-width: 1280px;--navbar-height: 72px;--sidebar-width: 280px}[data-theme=dark]{--primary-50: #001d52;--primary-100: #002e7a;--primary-200: #003a94;--primary-300: #004bbd;--primary-400: #005ce6;--primary-500: #0B6BFF;--primary-600: #3b82f6;--primary-700: #60a5fa;--bg-primary: #0f172a;--bg-secondary: #020617;--bg-tertiary: #1e293b;--bg-card: #1e293b;--bg-overlay: rgba(2, 6, 23, .8);--navbar-bg: rgba(15, 23, 42, .95);--border-color: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-inverse: #020617;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-card-hover: 0 10px 30px rgba(11, 107, 255, .15), 0 4px 8px rgba(0, 0, 0, .2);--shadow-glow-blue: 0 0 10px rgba(11, 107, 255, .4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOverlay{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-fadeIn{animation:fadeIn .4s ease forwards}.animate-fadeInUp{animation:fadeInUp .5s ease forwards}.animate-fadeInDown{animation:fadeInDown .4s ease forwards}.animate-slideInRight{animation:slideInRight .4s ease forwards}.animate-slideInLeft{animation:slideInLeft .4s ease forwards}.animate-scaleIn{animation:scaleIn .3s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*:nth-child(9){animation-delay:.45s}.stagger-children>*:nth-child(10){animation-delay:.5s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-base);color:var(--text-primary);background-color:var(--bg-secondary);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:600;color:var(--text-primary)}h1{font-size:var(--font-4xl)}h2{font-size:var(--font-3xl)}h3{font-size:var(--font-2xl)}h4{font-size:var(--font-xl)}h5{font-size:var(--font-lg)}p{color:var(--text-secondary);line-height:1.7}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-content{padding-top:var(--navbar-height);min-height:100vh;animation:fadeIn .4s ease}@media(max-width:768px){button,input,select,textarea{min-height:48px}}