.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);border-bottom:1px solid var(--border-color)}.navbar-inner{display:flex;justify-content:space-between;align-items:center;padding:10px}.navbar-brand{font-weight:700;font-size:20px;text-decoration:none;color:var(--text-primary);display:flex;align-items:center;gap:5px}.navbar-links{display:flex;gap:15px}.navbar-link{text-decoration:none;color:var(--text-secondary)}.navbar-link:hover{color:var(--primary-500);text-decoration:underline}.navbar-actions{display:flex;align-items:center;gap:10px}.navbar-user{position:relative}.navbar-avatar-btn{display:flex;align-items:center;border:none;background:none;cursor:pointer}.navbar-avatar{width:30px;height:30px;border:1px solid var(--border-color);margin-right:5px}.navbar-dropdown{position:absolute;background:#fff;border:1px solid var(--border-color);padding:10px;top:40px;right:0;z-index:100;min-width:150px}.navbar-dropdown-header{border-bottom:1px dashed var(--border-color);padding-bottom:5px;margin-bottom:5px}.navbar-dropdown-avatar{display:none}.navbar-dropdown-name{font-weight:700}.navbar-dropdown-email{font-size:12px}.navbar-dropdown-item{display:block;padding:5px 0;text-decoration:none;color:var(--text-primary);border:none;background:none;cursor:pointer;text-align:left;width:100%}.navbar-dropdown-item:hover{text-decoration:underline}.navbar-dropdown-divider{border-top:1px solid var(--border-color);margin:5px 0}.navbar-login-btn,.navbar-register-btn{text-decoration:none;border:1px solid var(--border-color);padding:2px 5px;background:#e0e0e0;color:var(--text-primary)}.navbar-login-btn:hover,.navbar-register-btn:hover{background:#ccc}.navbar-mobile-toggle{display:none;background:#e0e0e0;border:1px solid var(--border-color);padding:2px 5px;cursor:pointer}.mobile-only,.mobile-divider{display:none}@media(max-width:768px){.navbar-inner{flex-wrap:wrap}.navbar-mobile-toggle{display:block}.navbar-links{display:none;flex-direction:column;width:100%;margin-top:10px}.navbar-links.navbar-links-open{display:flex}}.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:20px;border-bottom:2px double var(--border-color);background:var(--bg-primary)}.hero-inner{max-width:var(--max-width);margin:0 auto}.hero-title{font-size:28px;font-weight:700;margin-bottom:10px}.hero-subtitle{margin-bottom:20px}.hero-search-container{margin-bottom:20px;max-width:600px}.hero-search-input-wrapper{display:flex;align-items:center;gap:5px}.hero-search-input{flex:1;padding:8px;border:1px solid var(--border-color)}.hero-search-btn{padding:8px 15px;border:1px solid var(--border-color);background:var(--primary-500);color:#fff;cursor:pointer}.hero-search-btn:hover{background:var(--primary-700)}.hero-search-dropdown{border:1px solid var(--border-color);background:#fff;margin-top:2px}.hero-search-item{padding:5px;border-bottom:1px dashed var(--border-color);cursor:pointer}.hero-search-item:hover{background:var(--bg-secondary)}.location-toggle-btn{display:flex;align-items:center;gap:5px;background:#e0e0e0;padding:5px;border:1px solid var(--border-color);cursor:pointer}.toggle-switch{width:24px;height:12px;background:#ccc;border:1px solid #000;display:flex;align-items:center}.toggle-thumb{width:10px;height:10px;background:#fff;border:1px solid #000;margin-left:0}.toggle-switch.active{background:green}.toggle-switch.active .toggle-thumb{margin-left:12px}.hospitals-slider-section,.specs-section,.features-section,.cta-section{padding:20px;border-bottom:1px solid var(--border-color);max-width:var(--max-width);margin:0 auto}.hospital-slider-track,.specs-grid,.features-grid{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.hospital-slide-card,.spec-card,.feature-card{border:1px solid var(--border-color);padding:10px;background:#fff;width:220px}.spec-card{text-align:center;text-decoration:none;color:var(--text-primary)}.cta-card{border:1px solid var(--border-color);padding:20px;background:var(--bg-secondary);text-align:center}.landing-footer{padding:20px;max-width:var(--max-width);margin:0 auto}.footer-inner{display:flex;justify-content:space-between}.footer-links{display:flex;gap:20px}.footer-links a{display:block;text-decoration:underline}.footer-links a:hover{color:var(--primary-700)}@media(max-width:768px){.hospital-slide-card,.spec-card,.feature-card{width:100%}.hero-search-input-wrapper{flex-direction:column;align-items:stretch}.footer-inner{flex-direction:column;gap:20px}}.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:20px;background:var(--bg-primary)}.auth-container{max-width:600px;margin:0 auto;border:1px solid var(--border-color);padding:20px}.auth-left{display:none}.auth-right{padding:10px}.auth-form-header{margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.auth-form-header h2{font-size:24px;margin-bottom:5px}.auth-form,.auth-row{display:flex;flex-direction:column;gap:15px}.role-selection{display:flex;gap:10px;margin-bottom:15px}.role-card{border:1px solid var(--border-color);padding:5px 10px;cursor:pointer;background:#e0e0e0}.role-card.active{background:#ccc;font-weight:700;border:2px solid var(--border-color)}.role-card svg{display:none}.auth-form-scrollable{max-height:none;overflow:visible}.auth-switch{margin-top:20px;font-size:14px}.auth-switch a{color:var(--primary-500)}.auth-switch a:hover{text-decoration:underline}.auth-form input,.auth-form select,.auth-form textarea{width:100%;padding:5px;border:1px solid var(--border-color);margin-top:5px}.auth-form label{font-weight:700;display:block}.auth-form-actions{margin-top:15px}.auth-form button[type=submit]{padding:5px 15px;border:1px solid var(--border-color);background:var(--primary-500);color:#fff;cursor:pointer;font-weight:700}.auth-form button[type=submit]:hover{background:var(--primary-700)}.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: #f0f0f0;--primary-100: #e0e0e0;--primary-200: #cccccc;--primary-300: #999999;--primary-400: #666666;--primary-500: #0000ff;--primary-600: #0000cc;--primary-700: #000099;--primary-800: #000066;--primary-900: #000033;--primary-950: #000011;--accent-50: #ffffff;--accent-100: #ffffff;--accent-200: #ffffff;--accent-300: #ffffff;--accent-400: #ffffff;--accent-500: #00cccc;--accent-600: #009999;--accent-700: #006666;--gray-50: #ffffff;--gray-100: #f9f9f9;--gray-200: #eeeeee;--gray-300: #dddddd;--gray-400: #cccccc;--gray-500: #999999;--gray-600: #666666;--gray-700: #333333;--gray-800: #111111;--gray-900: #000000;--success: green;--success-light: lightgreen;--warning: orange;--warning-light: #ffd700;--error: red;--error-light: pink;--info: blue;--info-light: lightblue;--bg-primary: #ffffff;--bg-secondary: #f4f4f4;--bg-tertiary: #eeeeee;--bg-card: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--navbar-bg: #eeeeee;--border-color: #000000;--text-primary: #000000;--text-secondary: #333333;--text-tertiary: #666666;--text-inverse: #ffffff;--space-1: 5px;--space-2: 10px;--space-3: 15px;--space-4: 20px;--space-5: 25px;--space-6: 30px;--space-8: 40px;--space-10: 50px;--space-12: 60px;--space-16: 80px;--space-20: 100px;--space-24: 120px;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-card: none;--shadow-card-hover: none;--shadow-glow-blue: none;--font-family: Arial, Helvetica, sans-serif;--font-xs: 12px;--font-sm: 14px;--font-base: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 28px;--font-4xl: 32px;--font-5xl: 40px;--transition-fast: none;--transition-base: none;--transition-slow: none;--max-width: 960px;--navbar-height: auto;--sidebar-width: 250px}[data-theme=dark]{--primary-500: #0000ff;--bg-primary: #dddddd;--bg-secondary: #cccccc;--bg-tertiary: #bbbbbb;--bg-card: #dddddd;--navbar-bg: #cccccc;--border-color: #000000;--text-primary: #000000;--text-secondary: #111111;--text-tertiary: #222222;--text-inverse: #ffffff}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;box-shadow:none!important;border-radius:0!important}body{font-family:var(--font-family);font-size:var(--font-base);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.5;min-height:100vh}a{color:var(--primary-500);text-decoration:underline}a:hover{color:var(--primary-700)}img{max-width:100%;display:block;border:1px solid var(--border-color)}button{cursor:pointer;font-family:inherit;border:1px solid var(--border-color);background:#e0e0e0;padding:2px 6px;color:var(--text-primary)}button:hover{background:#ccc}input,select,textarea{font-family:inherit;font-size:inherit;border:1px solid var(--border-color);padding:2px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:10px 0}p{color:var(--text-primary);margin-bottom:10px}.container{max-width:var(--max-width);margin:0 auto;padding:10px}.sr-only{display:none}.page-content{padding:20px}