@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.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{background:var(--navbar-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;transition:background-color var(--transition-base)}.navbar-inner{display:flex;justify-content:space-between;align-items:center;height:var(--navbar-height)}.navbar-brand{font-weight:700;font-size:1.25rem;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform var(--transition-fast)}.navbar-brand:hover{transform:scale(1.02)}.navbar-brand-accent{color:var(--primary-600)}.navbar-links{display:flex;gap:2rem;align-items:center}.navbar-link{color:var(--text-secondary);font-weight:500;position:relative;padding:.5rem 0;display:flex;align-items:center;gap:.5rem}.navbar-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-600);transition:width var(--transition-base);border-radius:2px}.navbar-link:hover{color:var(--text-primary);text-decoration:none}.navbar-link:hover:after,.navbar-link-active:after{width:100%}.navbar-link-active{color:var(--primary-600)}.navbar-actions{display:flex;align-items:center;gap:1rem}.navbar-user{position:relative}.navbar-avatar-btn{display:flex;align-items:center;border:none;background:transparent;padding:.25rem;border-radius:var(--radius-full);transition:background-color var(--transition-fast)}.navbar-avatar-btn:hover{background:var(--bg-secondary);transform:none;box-shadow:none}.navbar-avatar{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--primary-100)}.navbar-username{font-weight:500;margin-left:.5rem;color:var(--text-primary)}.navbar-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:220px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.5rem;z-index:100}.navbar-dropdown-header{padding:.75rem;display:flex;align-items:center;gap:.75rem}.navbar-dropdown-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.navbar-dropdown-name{font-weight:600;color:var(--text-primary);font-size:var(--font-sm);margin:0}.navbar-dropdown-email{font-size:var(--font-xs);color:var(--text-tertiary);margin:0;word-break:break-all}.navbar-dropdown-divider{height:1px;background-color:var(--border-color);margin:.5rem 0}.navbar-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:var(--font-sm);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.navbar-dropdown-item:hover{background-color:var(--bg-secondary);color:var(--primary-600);text-decoration:none;transform:none;box-shadow:none}.navbar-dropdown-logout:hover{color:var(--error);background-color:var(--error-light)}.navbar-auth-btns{display:flex;align-items:center;gap:.75rem}.navbar-login-btn{font-weight:500;color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.navbar-login-btn:hover{background-color:var(--bg-secondary);color:var(--primary-600);text-decoration:none}.navbar-register-btn{font-weight:500;background-color:var(--primary-600);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.navbar-register-btn:hover{background-color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md);text-decoration:none;color:#fff}.navbar-mobile-toggle{display:none;background:transparent;border:none;color:var(--text-primary);padding:.5rem;border-radius:var(--radius-md)}.navbar-mobile-toggle:hover{background:var(--bg-secondary);box-shadow:none;transform:none}@media(max-width:768px){.navbar-inner{height:auto;padding:.75rem 0}.navbar-mobile-toggle{display:flex;align-items:center;justify-content:center}.navbar-links{display:none;flex-direction:column;width:100%;margin-top:1rem;gap:.5rem;background:var(--bg-card);padding:1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:absolute;top:100%;left:0;z-index:100;border:1px solid var(--border-color)}.navbar-links.navbar-links-open{display:flex}.navbar-link{width:100%;padding:.75rem;border-radius:var(--radius-md)}.navbar-link:hover{background-color:var(--bg-secondary)}.navbar-link:after{display:none}.mobile-only,.mobile-divider{display:flex!important;align-items:center}.navbar-username{display:none}}.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}.landing{padding:0}.hero{padding:var(--space-12) 0;background:linear-gradient(135deg,var(--primary-50) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-color);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#3b82f614,#fff0 70%);border-radius:50%;z-index:0}.hero-inner{max-width:var(--max-width);margin:0 auto;position:relative;z-index:1}.hero-title{font-size:var(--font-4xl)!important;font-weight:800;color:var(--gray-900);letter-spacing:-.025em;line-height:1.2}.hero-subtitle{margin-bottom:var(--space-8)!important;font-size:var(--font-xl)!important;color:var(--gray-600)!important;max-width:600px;margin-left:auto;margin-right:auto}.hero-title-accent{color:var(--primary-600);position:relative}.hero-search-container{margin:0 auto 20px;max-width:600px;position:relative}.hero-search-input-wrapper{display:flex;align-items:center;background:var(--bg-card);border-radius:var(--radius-full);padding:.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.hero-search-input-wrapper:focus-within{box-shadow:var(--shadow-lg),0 0 0 3px #3b82f626;border-color:var(--primary-400)}.hero-search-input{flex:1;padding:.75rem 1.5rem;border:none;background:transparent;font-size:var(--font-base);outline:none;box-shadow:none!important}.hero-search-btn{padding:.75rem 1.5rem;border-radius:var(--radius-full);border:none;background:var(--primary-600);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.hero-search-btn:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.hero-search-dropdown{position:absolute;top:calc(100% + .5rem);left:0;width:100%;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);z-index:20;overflow:hidden}.hero-search-item{padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast)}.hero-search-item:last-child{border-bottom:none}.hero-search-item:hover{background:var(--bg-secondary)}.hero-search-item-title{font-weight:600;color:var(--text-primary)}.hero-search-spinner{width:24px;height:24px;border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin 1s linear infinite;margin:0 1rem}@keyframes spin{to{transform:rotate(360deg)}}.location-toggle-btn{display:inline-flex;align-items:center;gap:.75rem;background:var(--bg-card);padding:.75rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);margin:0 auto}.location-toggle-btn:hover{background:var(--bg-secondary);border-color:var(--primary-300)}.toggle-switch{width:36px;height:20px;background:var(--gray-300);border-radius:var(--radius-full);display:flex;align-items:center;padding:2px;transition:background-color var(--transition-base)}.toggle-thumb{width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform var(--transition-base)}.toggle-switch.active{background:var(--success)}.toggle-switch.active .toggle-thumb{transform:translate(16px)}.hospitals-slider-section,.specs-section,.features-section,.cta-section{padding:var(--space-16) 0}.section-header h2{font-weight:700;color:var(--text-primary)}.hospital-slider-wrapper{overflow:hidden;padding:1rem 0;margin:0 -1rem}.hospital-slider-track{display:flex;gap:1.5rem;padding:0 1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hospital-slider-track::-webkit-scrollbar{display:none}.hospital-slide-card,.spec-card,.feature-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column}.hospital-slide-card{min-width:280px;scroll-snap-align:start}.hospital-slide-card:hover,.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hospital-slide-card h3{font-size:var(--font-lg);margin-bottom:.5rem}.hospital-slide-location{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:1rem}.hospital-slide-rating{display:flex;align-items:center;gap:.25rem;color:var(--warning);font-weight:600;margin-bottom:1.5rem;margin-top:auto}.slide-view-btn{width:100%}.doctor-slide-card{min-width:300px}.specs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;padding:1rem 0}.spec-card{align-items:center;text-align:center;justify-content:center;text-decoration:none;color:var(--text-primary);aspect-ratio:1}.spec-emoji{font-size:2.5rem;margin-bottom:.5rem}.spec-name{font-weight:600;font-size:var(--font-sm)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--primary-50);color:var(--primary-600);border-radius:var(--radius-lg);margin-bottom:1.25rem}.feature-card h3{font-size:var(--font-xl);margin-bottom:.75rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.cta-section{background:var(--bg-secondary);border-top:1px solid var(--border-color)}.cta-card{background:var(--primary-600);border-radius:var(--radius-2xl);padding:4rem 2rem;text-align:center;color:#fff;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.cta-card h2{color:#fff;font-size:var(--font-3xl);margin-bottom:1rem}.cta-card p{color:var(--primary-100);font-size:var(--font-lg);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-card button{background:#fff;color:var(--primary-600);border:none;padding:1rem 2rem;font-size:var(--font-lg);border-radius:var(--radius-full)}.cta-card button:hover{background:var(--primary-50);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.landing-footer{padding:var(--space-12) 0 var(--space-6);background:var(--gray-50);border-top:1px solid var(--border-color)}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-brand p{margin-top:1rem;color:var(--text-secondary)}.footer-links{display:flex;gap:4rem}.footer-links h4{font-size:var(--font-lg);margin-bottom:1rem}.footer-links a{display:block;color:var(--text-secondary);margin-bottom:.5rem;text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary-600)}.footer-bottom{padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center;color:var(--text-tertiary);font-size:var(--font-sm)}@media(max-width:768px){.hero-title{font-size:var(--font-3xl)!important}.hero-search-input-wrapper{flex-direction:column;border-radius:var(--radius-lg);padding:1rem;gap:1rem}.hero-search-input{width:100%;text-align:center}.hero-search-btn{width:100%;border-radius:var(--radius-md)}.footer-links{flex-direction:column;gap:2rem}}.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{padding:var(--space-8) var(--space-4);background:var(--bg-secondary);min-height:calc(100vh - var(--navbar-height));display:flex;align-items:center;justify-content:center}.auth-container{max-width:500px;width:100%;margin:0 auto;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);overflow:hidden}.auth-left{display:none}.auth-right{padding:var(--space-8) var(--space-8)}.auth-form-header{margin-bottom:var(--space-6);text-align:center}.auth-form-header h2{font-size:var(--font-2xl);color:var(--gray-900);margin-bottom:var(--space-2)}.auth-form-header p{color:var(--text-secondary);font-size:var(--font-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-row{display:flex;gap:var(--space-4)}.auth-row>*{flex:1}.role-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.role-card{border:1px solid var(--border-color);padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;background:var(--bg-card);text-align:center;transition:all var(--transition-fast);color:var(--text-secondary);font-weight:500}.role-card:hover{background:var(--bg-secondary);border-color:var(--primary-300)}.role-card.active{background:var(--primary-50);color:var(--primary-700);border-color:var(--primary-500);box-shadow:0 0 0 1px var(--primary-500)}.role-card svg{display:block;margin:0 auto var(--space-2);color:currentColor}.auth-form-scrollable{max-height:none;overflow:visible}.auth-switch{margin-top:var(--space-6);text-align:center;font-size:var(--font-sm);color:var(--text-secondary);border-top:1px solid var(--border-color);padding-top:var(--space-6)}.auth-switch a{color:var(--primary-600);font-weight:600}.auth-switch a:hover{text-decoration:underline}.auth-form input,.auth-form select,.auth-form textarea{width:100%;margin-top:var(--space-2)}.auth-form label{font-weight:500;font-size:var(--font-sm);color:var(--text-secondary);display:block}.auth-form-actions{margin-top:var(--space-2)}.auth-form button[type=submit]{width:100%;padding:.75rem 1.5rem;font-size:var(--font-base);background:var(--primary-600);color:#fff;box-shadow:var(--shadow-sm)}.auth-form button[type=submit]:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.input-with-icon{position:relative;display:flex;align-items:center;margin-top:var(--space-2)}.input-with-icon svg{position:absolute;left:12px;color:var(--text-tertiary);z-index:10}.input-with-icon input{padding-left:2.5rem!important;margin-top:0!important}@media(max-width:640px){.auth-right{padding:var(--space-6) var(--space-4)}.auth-row{flex-direction:column;gap:var(--space-5)}}.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: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary-950: #172554;--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(15, 23, 42, .6);--navbar-bg: rgba(255, 255, 255, .85);--border-color: var(--gray-200);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--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: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--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, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-card-hover: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-glow-blue: 0 0 15px rgba(37, 99, 235, .2);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, 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 cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--max-width: 1120px;--navbar-height: 72px;--sidebar-width: 260px}[data-theme=dark]{--bg-primary: var(--gray-900);--bg-secondary: var(--gray-800);--bg-tertiary: var(--gray-700);--bg-card: var(--gray-800);--navbar-bg: rgba(15, 23, 42, .85);--border-color: var(--gray-700);--text-primary: var(--gray-50);--text-secondary: var(--gray-300);--text-tertiary: var(--gray-400);--text-inverse: var(--gray-900);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-card-hover: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-base);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-800)}img{max-width:100%;display:block;border-radius:var(--radius-md)}button{cursor:pointer;font-family:inherit;font-weight:500;border:1px solid transparent;border-radius:var(--radius-md);background:var(--primary-600);padding:.5rem 1rem;color:#fff;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}button:active{transform:translateY(0)}input,select,textarea{font-family:inherit;font-size:var(--font-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem .75rem;background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast);outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f626}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2;margin-bottom:var(--space-4)}p{color:var(--text-secondary);margin-bottom:var(--space-4)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.page-content{padding:var(--space-6) 0}