.navbar{position:sticky;top:0;z-index:100;background:#fdf8f2eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--cream-dark);height:68px}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:1rem}.navbar-brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text-dark)}.brand-icon{width:38px;height:38px;border-radius:10px;background:var(--amber);color:#fff;display:flex;align-items:center;justify-content:center}.brand-name{color:var(--text-dark)}.navbar-links{display:flex;align-items:center;gap:.25rem}.nav-link{display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text-mid);transition:all var(--transition)}.nav-link:hover,.nav-link.active{background:var(--warm-100);color:var(--amber-dark)}.navbar-auth{display:flex;align-items:center;gap:.75rem}.auth-buttons{display:flex;gap:.5rem}.user-menu{position:relative;display:flex;align-items:center;gap:.6rem;cursor:pointer;padding:.35rem .75rem .35rem .35rem;border-radius:999px;border:1.5px solid var(--cream-dark);background:var(--white);transition:all var(--transition)}.user-menu:hover{border-color:var(--warm-300)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--amber);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.user-name{font-size:.88rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border:1px solid var(--cream-dark);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);min-width:160px;overflow:hidden;z-index:200}.dropdown hr{border:none;border-top:1px solid var(--cream-dark)}.dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.9rem;color:var(--text-mid);background:none;border:none;cursor:pointer;width:100%;text-align:left;font-family:var(--font-body);transition:background var(--transition)}.dropdown-item:hover{background:var(--cream);color:var(--text-dark)}.text-danger{color:#dc2626!important}.text-danger:hover{background:#fee2e2!important}.menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--text-dark);padding:.25rem}.mobile-menu{display:none;flex-direction:column;padding:.75rem 1.5rem 1rem;border-top:1px solid var(--cream-dark);background:var(--cream)}.mobile-link{display:flex;align-items:center;gap:.5rem;padding:.75rem .5rem;font-size:.95rem;color:var(--text-mid);border-bottom:1px solid var(--cream-dark);background:none;border-left:none;border-right:none;text-align:left;font-family:var(--font-body);cursor:pointer;transition:color var(--transition)}.mobile-link:hover{color:var(--amber-dark)}@media(max-width:768px){.navbar-links,.auth-buttons,.user-name{display:none}.menu-toggle{display:block}.mobile-menu{display:flex}}.portal-dropdown-wrap{position:relative}.portal-btn{display:flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;font-family:var(--font-body)}.portal-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--white);border:1px solid var(--cream-dark);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);min-width:190px;overflow:hidden;z-index:200}.portal-item{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.9rem;color:var(--teal);transition:background var(--transition)}.portal-item:hover{background:var(--teal-pale)}.brand-tag{font-size:.7rem;font-family:var(--font-body);background:var(--teal);color:#fff;padding:.1rem .45rem;border-radius:999px;margin-left:.4rem;font-weight:600;vertical-align:middle}.mobile-divider{font-size:.72rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;padding:.75rem .5rem .35rem}.teal-link{color:var(--teal)!important}.footer{background:#1c1410;position:relative;margin-top:auto}.footer-wave{line-height:0;margin-bottom:-2px}.footer-wave svg{width:100%;height:60px;display:block}.footer-body{max-width:1200px;margin:0 auto;padding:4rem 1.5rem 3rem;display:grid;grid-template-columns:1.4fr 1fr;gap:4rem;align-items:start}.footer-brand{display:flex;align-items:center;gap:.65rem;margin-bottom:1.25rem}.footer-logo{width:46px;height:46px;border-radius:12px;background:var(--amber);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #e8924a66}.footer-brand-name{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:#fff}.footer-tagline{font-family:var(--font-display);font-size:1.15rem;color:#ffffff8c;line-height:1.6;margin-bottom:1.5rem}.footer-tagline em{font-style:italic;color:var(--warm-300)}.footer-contact{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.footer-contact span{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#fff6}.footer-github{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border:1.5px solid rgba(255,255,255,.15);border-radius:999px;color:#ffffffa6;font-size:.88rem;transition:all .2s ease;width:fit-content}.footer-github:hover{border-color:var(--amber);color:var(--warm-300);background:#e8924a14;transform:translateY(-1px)}.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-col-title{font-family:var(--font-body);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--amber);margin-bottom:1rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-link{font-size:.88rem;color:#ffffff73;transition:all .2s ease;display:inline-flex;align-items:center;gap:.3rem}.footer-link:hover{color:#fff;padding-left:4px}.footer-divider{border:none;border-top:1px solid rgba(255,255,255,.07);margin:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:1.25rem 1.5rem}.footer-bottom-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-copy{font-size:.83rem;color:#ffffff4d;display:flex;align-items:center;gap:.35rem}.footer-copy svg{color:var(--terracotta)}.footer-copy a{color:#ffffff80;transition:color .2s}.footer-copy a:hover{color:var(--warm-300)}.footer-badges{display:flex;gap:.5rem;flex-wrap:wrap}.footer-badge{font-size:.75rem;color:#ffffff4d;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:.25rem .65rem;border-radius:999px;transition:all .2s}.footer-badge:hover{color:#ffffffb3;border-color:#fff3}@media(max-width:900px){.footer-body{grid-template-columns:1fr;gap:2.5rem}.footer-links-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media(max-width:560px){.footer-links-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom-inner{flex-direction:column;align-items:flex-start}}.pwa-prompt{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:999;width:calc(100% - 2rem);max-width:480px;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pwa-prompt-inner{display:flex;align-items:center;gap:.85rem;background:var(--text-dark);border-radius:var(--radius);padding:.85rem 1rem;box-shadow:0 8px 40px #00000040;border:1px solid rgba(255,255,255,.08)}.pwa-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;background:var(--amber);color:#fff;display:flex;align-items:center;justify-content:center}.pwa-text{flex:1;min-width:0}.pwa-title{color:#fff;font-weight:600;font-size:.9rem}.pwa-sub{color:#fff9;font-size:.78rem;margin-top:.15rem}.pwa-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.pwa-close{background:#ffffff1a;border:none;cursor:pointer;color:#fff9;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.pwa-close:hover{background:#fff3;color:#fff}@media(max-width:400px){.pwa-prompt{bottom:.75rem}}.hero{position:relative;overflow:hidden;padding:5rem 0 4rem;min-height:520px;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,var(--warm-100) 0%,var(--cream) 60%);z-index:0}.hero-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--warm-200) 1px,transparent 1px);background-size:28px 28px;opacity:.45}.hero-content{position:relative;z-index:1;max-width:580px}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;background:var(--warm-200);color:var(--amber-dark);font-size:.82rem;font-weight:600;margin-bottom:1.25rem}.hero-title{color:var(--text-dark);margin-bottom:1rem}.hero-title em{font-style:italic;color:var(--amber);font-weight:700}.hero-sub{font-size:1.1rem;color:var(--text-mid);line-height:1.7;margin-bottom:2rem}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.hero-checks{display:flex;gap:1.25rem;flex-wrap:wrap}.check-item{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--teal);font-weight:500}.hero-card-float{position:absolute;right:8%;top:50%;transform:translateY(-50%);animation:float 4s ease-in-out infinite}.float-card{min-width:220px;box-shadow:var(--shadow-lg)}@keyframes float{0%,to{transform:translateY(-50%) translateY(0)}50%{transform:translateY(-50%) translateY(-10px)}}.section{padding:4rem 0}.section-alt{background:var(--warm-100)}.section-header{text-align:center;margin-bottom:2.5rem}.section-header p{color:var(--text-mid);margin-top:.5rem;font-size:1rem}.specialties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.specialty-card{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all var(--transition);border:2px solid transparent}.specialty-card:hover{border-color:var(--amber);transform:translateY(-3px)}.specialty-icon{font-size:2rem}.specialty-label{font-size:.88rem;font-weight:500;color:var(--text-mid)}.feature-body{display:flex;gap:1.1rem;align-items:flex-start}.feature-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:var(--warm-100);color:var(--amber);display:flex;align-items:center;justify-content:center}.cta-banner{background:linear-gradient(135deg,var(--amber) 0%,var(--terracotta) 100%);padding:3.5rem 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}@media(max-width:768px){.hero-card-float{display:none}.hero-content{max-width:100%}.cta-inner{flex-direction:column;text-align:center}}.auth-page{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:radial-gradient(ellipse at center,var(--warm-100),var(--cream))}.auth-card{width:100%;max-width:440px;padding:2.5rem}.auth-card-wide{max-width:600px}.auth-logo{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.auth-title{font-size:1.6rem;margin-bottom:.4rem}.auth-sub{color:var(--text-light);font-size:.93rem;margin-bottom:1.75rem}.google-btn{gap:.75rem;font-weight:500;border-color:var(--cream-dark)!important}.or-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--text-light);font-size:.83rem}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--cream-dark)}.input-icon-wrap{position:relative}.input-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.input-with-icon{padding-left:2.4rem!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--text-mid)}.auth-footer a{color:var(--amber-dark);font-weight:500}.auth-footer a:hover{text-decoration:underline}@media(max-width:500px){.auth-card{padding:1.75rem 1.25rem}.form-row{grid-template-columns:1fr}}.book-page{padding-bottom:4rem}.book-header{text-align:center;margin-bottom:2rem}.book-header p{color:var(--text-mid);margin-top:.4rem}.stepper{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;gap:0;flex-wrap:wrap}.step{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;background:var(--cream-dark);color:var(--text-light);transition:all var(--transition)}.step.active .step-dot{background:var(--amber);color:#fff;box-shadow:0 0 0 4px #e8924a33}.step.done .step-dot{background:var(--teal);color:#fff}.step-label{font-size:.85rem;color:var(--text-light);font-weight:500;white-space:nowrap}.step.active .step-label{color:var(--amber-dark);font-weight:600}.step.done .step-label{color:var(--teal)}.step-line{width:40px;height:2px;background:var(--cream-dark);margin:0 .5rem}.book-body{max-width:780px;margin:0 auto}.step-title{font-size:1.25rem;margin-bottom:.35rem}.step-sub{color:var(--text-mid);font-size:.92rem;margin-bottom:1.25rem}.specialty-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tab{padding:.4rem .85rem;border-radius:999px;border:1.5px solid var(--cream-dark);font-size:.85rem;font-family:var(--font-body);cursor:pointer;background:var(--white);color:var(--text-mid);transition:all var(--transition)}.tab.active,.tab:hover{background:var(--amber);color:#fff;border-color:var(--amber)}.doctors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}.doctor-card{display:flex;align-items:center;gap:.85rem;padding:1rem;cursor:pointer;position:relative;border:2px solid transparent;transition:all var(--transition)}.doctor-card:hover{border-color:var(--warm-300)}.doctor-card.selected{border-color:var(--amber);background:var(--warm-100)}.doctor-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--terracotta));color:#fff;font-family:var(--font-display);font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.doctor-name{font-weight:600;font-size:.92rem}.doctor-specialty{font-size:.8rem;color:var(--teal);margin-top:.1rem}.doctor-exp{font-size:.78rem;color:var(--text-light);margin-top:.1rem}.check-mark{position:absolute;top:.6rem;right:.6rem;color:var(--amber)}.dates-grid{display:flex;flex-wrap:wrap;gap:.75rem}.date-btn{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1.5px solid var(--cream-dark);background:var(--white);cursor:pointer;transition:all var(--transition);min-width:68px;font-family:var(--font-body)}.date-btn:hover{border-color:var(--warm-300);background:var(--warm-100)}.date-btn.selected{border-color:var(--amber);background:var(--amber);color:#fff}.date-day{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.date-num{font-size:1.3rem;font-weight:700;font-family:var(--font-display);line-height:1.2}.date-mon{font-size:.72rem;opacity:.7}.time-group{margin-bottom:1.25rem}.time-period{font-size:.82rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}.slots-grid{display:flex;flex-wrap:wrap;gap:.6rem}.slot-btn{padding:.5rem 1.1rem;border-radius:var(--radius-sm);border:1.5px solid var(--cream-dark);background:var(--white);font-size:.9rem;font-family:var(--font-body);cursor:pointer;transition:all var(--transition)}.slot-btn:hover{border-color:var(--warm-300);background:var(--warm-100)}.slot-btn.selected{background:var(--teal);color:#fff;border-color:var(--teal)}.confirm-summary{background:var(--warm-100)!important;border-color:var(--warm-200)!important}.confirm-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-mid);font-size:.95rem;border-bottom:1px solid var(--warm-200)}.confirm-row:last-child{border-bottom:none}.book-nav{display:flex;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--cream-dark)}.empty-state{text-align:center;padding:2.5rem;color:var(--text-mid)}.doctor-search-wrap{position:relative;margin-bottom:1rem}.search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.doctor-search{width:100%;padding:.75rem 2.75rem;border:1.5px solid var(--cream-dark);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;color:var(--text-dark);background:var(--white);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.doctor-search:focus{border-color:var(--amber);box-shadow:0 0 0 3px #e8924a26}.doctor-search::placeholder{color:var(--text-light)}.search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-light);padding:.2rem;display:flex;align-items:center;border-radius:50%;transition:all var(--transition)}.search-clear:hover{background:var(--cream-dark);color:var(--text-dark)}.results-count{font-size:.83rem;color:var(--text-light);margin-bottom:1rem}.doctor-bio{font-size:.75rem;color:var(--text-light);margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.appts-page{padding-bottom:4rem}.appts-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.75rem;flex-wrap:wrap;gap:1rem}.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.appts-list{display:flex;flex-direction:column;gap:1rem}.appt-card{overflow:visible}.appt-body{display:flex;flex-direction:column;gap:0;padding:0!important}.appt-status-strip{height:4px;border-radius:4px 4px 0 0}[data-status=pending] .appt-status-strip,.appt-status-strip[data-status=pending]{background:#f59e0b}[data-status=confirmed] .appt-status-strip,.appt-status-strip[data-status=confirmed]{background:var(--teal)}[data-status=cancelled] .appt-status-strip,.appt-status-strip[data-status=cancelled]{background:#ef4444}[data-status=completed] .appt-status-strip,.appt-status-strip[data-status=completed]{background:#3b82f6}.appt-main{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;flex-wrap:wrap}.appt-info{display:flex;flex-direction:column;gap:.75rem;flex:1}.appt-doc{display:flex;align-items:center;gap:.75rem}.doc-dot{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--terracotta));color:#fff;font-family:var(--font-display);font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.appt-doc-name{font-weight:600;font-size:.97rem}.appt-specialty{font-size:.82rem;color:var(--teal);margin-top:.1rem}.appt-meta{display:flex;flex-wrap:wrap;gap:.75rem}.appt-meta span{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-mid)}.appt-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.cancel-confirm{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-mid)}.admin-note{background:var(--teal-pale);border-top:1px solid var(--cream-dark);padding:.65rem 1.5rem;font-size:.85rem;color:var(--teal)}.empty-appts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--white);border-radius:var(--radius);border:1px dashed var(--warm-200)}.empty-appts h3{margin-top:1rem}.empty-appts p{color:var(--text-mid);margin-top:.35rem}.admin-page{padding-bottom:4rem}.admin-header{margin-bottom:1.75rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--cream-dark);padding-bottom:0}.admin-tabs .tab{border-radius:0;border:none;background:none;padding:.6rem 1.1rem;color:var(--text-mid);border-bottom:2px solid transparent;margin-bottom:-2px;font-weight:500}.admin-tabs .tab.active{color:var(--amber-dark);border-bottom-color:var(--amber)}.admin-tabs .tab:hover{color:var(--amber-dark);background:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.stat-card:hover{transform:translateY(-2px)}.stat-body{display:flex;align-items:center;gap:1rem}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-value{font-family:var(--font-display);font-size:1.7rem;font-weight:700;line-height:1}.stat-label{font-size:.8rem;color:var(--text-light);margin-top:.2rem}.appt-table,.doctors-table{overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.75rem 1rem;font-size:.78rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;background:var(--cream);border-bottom:1px solid var(--cream-dark)}td{padding:.85rem 1rem;font-size:.88rem;border-bottom:1px solid var(--cream-dark);color:var(--text-dark);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--warm-100)}.modal-overlay{position:fixed;inset:0;background:#2c1f1473;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{width:100%;max-width:480px;animation:fadeUp .25s ease}.doc-avatar-sm{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--amber),var(--terracotta));color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.modal-lg{max-width:580px!important}@media(max-width:500px){.form-row-2{grid-template-columns:1fr}}.user-avatar-sm{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden}.users-table{overflow:hidden}.user-search-wrap{position:relative;display:flex;align-items:center}.user-search-icon{position:absolute;left:.65rem;color:var(--text-light);pointer-events:none}.user-search-input{padding-left:2rem!important;min-width:240px}@media(max-width:600px){.user-search-input{min-width:160px}}.profile-page{padding-bottom:4rem}.profile-header{margin-bottom:2rem}.profile-grid{display:grid;grid-template-columns:260px 1fr;gap:1.5rem;align-items:start}.avatar-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;gap:.75rem}.profile-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--terracotta));color:#fff;font-family:var(--font-display);font-size:2.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.5rem;box-shadow:0 4px 20px #e8924a59}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:1.1rem;margin:0}.profile-email{font-size:.85rem;color:var(--text-light);margin:0;word-break:break-all}@media(max-width:768px){.profile-grid,.form-row-2{grid-template-columns:1fr}}.invite-code-box{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;background:var(--teal-pale);border:1.5px solid var(--teal-light);border-radius:var(--radius-sm);padding:1.5rem;margin-bottom:1.5rem;color:var(--text-mid);font-size:.92rem;line-height:1.6}.input-error{border-color:#ef4444!important}.input-error:focus{box-shadow:0 0 0 3px #ef444426!important}.input-error-msg{color:#dc2626;font-size:.82rem;margin-top:.3rem}.doctor-dashboard{display:flex;min-height:calc(100vh - 68px)}.doctor-sidebar{width:260px;flex-shrink:0;background:var(--text-dark);display:flex;flex-direction:column;padding:1.5rem 1rem;position:sticky;top:68px;height:calc(100vh - 68px);overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;color:#fff;margin-bottom:1.75rem;padding:0 .5rem}.doctor-profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem .5rem;border-radius:var(--radius-sm);background:#ffffff12;margin-bottom:1.5rem;gap:.4rem}.doc-avatar-lg{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff;font-family:var(--font-display);font-size:1.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.35rem;border:3px solid rgba(255,255,255,.15)}.doc-avatar-lg img{width:100%;height:100%;object-fit:cover}.doc-name{color:#fff;font-weight:600;font-size:.95rem}.doc-spec{color:#ffffff8c;font-size:.82rem}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;border-radius:var(--radius-sm);color:#ffffffa6;font-size:.92rem;font-weight:500;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-body);transition:all var(--transition)}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:var(--teal);color:#fff}.sidebar-logout{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border-radius:var(--radius-sm);color:#ffffff73;font-size:.88rem;background:none;border:none;cursor:pointer;font-family:var(--font-body);margin-top:1rem;transition:all var(--transition)}.sidebar-logout:hover{color:#fca5a5;background:#ef44441a}.doctor-main{flex:1;padding:2rem;background:var(--cream);overflow-y:auto;min-height:calc(100vh - 68px)}.dash-header{margin-bottom:1.75rem}.dash-header h2{font-size:1.6rem}.doc-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.appt-cards{display:flex;flex-direction:column;gap:.85rem}.appt-item-body{display:flex;align-items:center;justify-content:space-between;gap:1rem}.appt-left{display:flex;align-items:center;gap:1rem}.appt-date-badge{display:flex;flex-direction:column;align-items:center;width:52px;height:52px;border-radius:10px;background:var(--warm-100);border:1.5px solid var(--warm-200);justify-content:center;flex-shrink:0}.appt-day{font-family:var(--font-display);font-size:1.3rem;font-weight:700;line-height:1;color:var(--amber-dark)}.appt-mon{font-size:.7rem;color:var(--text-light);text-transform:uppercase}.appt-patient{font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.35rem}.appt-detail{font-size:.82rem;color:var(--text-mid);display:flex;align-items:center;gap:.35rem;margin-top:.15rem}.patients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.patient-header{display:flex;align-items:center;gap:.85rem;margin-bottom:.75rem}.patient-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--amber),var(--terracotta));color:#fff;font-family:var(--font-display);font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.patient-name{font-weight:600;font-size:.95rem}.patient-email{font-size:.78rem;color:var(--text-light);margin-top:.1rem}.mini-appt{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.82rem;color:var(--text-mid);border-bottom:1px solid var(--cream-dark)}.mini-appt:last-child{border-bottom:none}.profile-view{display:flex;flex-direction:column;gap:0}.profile-view-row{display:flex;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--cream-dark);font-size:.93rem}.profile-view-row:last-child{border-bottom:none}.profile-view-row span{width:120px;flex-shrink:0;color:var(--text-light);font-size:.85rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.empty-doc{display:flex;flex-direction:column;align-items:center;padding:3rem;gap:.75rem;color:var(--text-mid);background:var(--white);border-radius:var(--radius);border:1px dashed var(--warm-200)}.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:900px){.doctor-dashboard{flex-direction:column}.doctor-sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:1rem}.doctor-profile-card{display:none}.sidebar-nav{flex-direction:row;flex:none}.sidebar-logout{margin-top:0}.doc-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.form-row-2{grid-template-columns:1fr}.doc-stats-grid{grid-template-columns:repeat(2,1fr)}}:root{--cream: #FDF8F2;--cream-dark: #F5EDE0;--warm-100: #FEF3E8;--warm-200: #FDDCB5;--warm-300: #F9B870;--amber: #E8924A;--amber-dark: #C97435;--terracotta: #C46646;--teal: #3B7A72;--teal-light: #5FA89E;--teal-pale: #E8F4F2;--text-dark: #2C1F14;--text-mid: #5C4A37;--text-light: #9B8472;--white: #FFFFFF;--shadow-sm: 0 2px 8px rgba(44,31,20,.06);--shadow-md: 0 4px 20px rgba(44,31,20,.1);--shadow-lg: 0 8px 40px rgba(44,31,20,.14);--radius: 16px;--radius-sm: 8px;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--transition: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--text-dark);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:clamp(1.5rem,3vw,2.2rem)}h3{font-size:1.25rem}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.page{min-height:calc(100vh - 70px);padding:2rem 0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none}.btn-primary{background:var(--amber);color:var(--white);box-shadow:0 2px 12px #e8924a59}.btn-primary:hover{background:var(--amber-dark);transform:translateY(-1px);box-shadow:0 4px 16px #e8924a73}.btn-secondary{background:var(--teal-pale);color:var(--teal);border:1.5px solid var(--teal-light)}.btn-secondary:hover{background:var(--teal);color:var(--white)}.btn-ghost{background:transparent;color:var(--text-mid);border:1.5px solid var(--cream-dark)}.btn-ghost:hover{background:var(--cream-dark)}.btn-danger{background:#fee2e2;color:#dc2626;border:1.5px solid #FCA5A5}.btn-danger:hover{background:#dc2626;color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-sm{padding:.4rem .9rem;font-size:.85rem}.btn-full{width:100%;justify-content:center}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--cream-dark);overflow:hidden;transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-body{padding:1.5rem}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--cream-dark);background:var(--cream)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.88rem;font-weight:500;color:var(--text-mid);margin-bottom:.4rem}.form-control{width:100%;padding:.7rem 1rem;border:1.5px solid var(--cream-dark);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;color:var(--text-dark);background:var(--white);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-control:focus{border-color:var(--amber);box-shadow:0 0 0 3px #e8924a26}.form-control::placeholder{color:var(--text-light)}textarea.form-control{resize:vertical;min-height:100px}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239B8472' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border-radius:999px;font-size:.78rem;font-weight:500}.badge-pending{background:#fef3c7;color:#92400e}.badge-confirmed{background:#d1fae5;color:#065f46}.badge-cancelled{background:#fee2e2;color:#991b1b}.badge-completed{background:#dbeafe;color:#1e40af}.badge-role-admin{background:#ede9fe;color:#5b21b6}.badge-role-patient{background:#f0fdf4;color:#166534}.badge-role-doctor{background:#fff7ed;color:#9a3412}.spinner{width:36px;height:36px;border:3px solid var(--warm-200);border-top-color:var(--amber);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:1rem;background:var(--cream)}.toast-custom{font-family:var(--font-body)!important;font-size:.9rem!important}.divider{border:none;border-top:1px solid var(--cream-dark);margin:1.5rem 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease both}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}