:root{--teal: #0d9488;--teal-light: #ccfbf1;--teal-dark: #0f766e;--teal-xlight: #f0fdfa;--coral: #f97316;--coral-light: #fff7ed;--navy: #0f172a;--slate: #334155;--muted: #64748b;--border: #e2e8f0;--surface: #f8fafc;--white: #ffffff;--red: #ef4444;--green: #22c55e;--amber: #f59e0b;--purple: #8b5cf6;--radius: 14px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 20px rgba(0,0,0,.06);--shadow-lg: 0 8px 40px rgba(0,0,0,.12);--transition: all .25s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--surface);color:var(--navy);min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.3);opacity:0}}.animate-fade-up{animation:fadeInUp .5s ease both}.animate-fade{animation:fadeIn .4s ease both}.animate-scale{animation:scaleIn .3s ease both}nav{background:#ffffffd1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.6);position:sticky;top:0;z-index:100}.nav-inner{max-width:1200px;margin:auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;color:var(--teal-dark);display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;transition:var(--transition)}.logo:hover{opacity:.85}.logo svg{width:30px;height:30px}.nav-links{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:var(--transition);white-space:nowrap}.btn-ghost{background:transparent;color:var(--slate)}.btn-ghost:hover{background:var(--surface)}.btn-teal{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);color:#fff;box-shadow:0 2px 8px #0d94884d}.btn-teal:hover{background:linear-gradient(135deg,var(--teal-dark) 0%,#0a6b62 100%);box-shadow:0 4px 16px #0d948866;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--teal);border:1.5px solid var(--teal)}.btn-outline:hover{background:var(--teal-xlight)}.btn-red{background:#fef2f2;color:var(--red);border:1.5px solid #fecaca}.btn-red:hover{background:#fee2e2}.btn-sm{padding:5px 12px;font-size:.8rem}.btn-lg{padding:12px 28px;font-size:1rem}.hero{background:linear-gradient(135deg,#0f766e,#0d9488,#14b8a6 80%,#2dd4bf);padding:80px 1.5rem 100px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:80px;background:var(--surface);clip-path:ellipse(55% 100% at 50% 100%)}.hero h1{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:600;color:#fff;margin-bottom:1rem;position:relative;line-height:1.2;animation:fadeInUp .7s ease both}.hero p{font-size:1.1rem;color:#ffffffd9;max-width:540px;margin:0 auto 2.5rem;position:relative;animation:fadeInUp .7s .15s ease both}.search-box{background:var(--white);border-radius:100px;padding:6px 6px 6px 20px;display:flex;align-items:center;max-width:580px;margin:0 auto;box-shadow:0 8px 40px #0000002e;position:relative;gap:8px;animation:fadeInUp .7s .3s ease both}.search-box input{flex:1;border:none;outline:none;font-family:inherit;font-size:.95rem;color:var(--navy);background:transparent}.search-box input::placeholder{color:var(--muted)}.hero-stats{display:flex;justify-content:center;gap:2.5rem;margin-top:3rem;position:relative;animation:fadeInUp .7s .45s ease both}.hero-stat{color:#fff;text-align:center;cursor:pointer;transition:var(--transition);padding:14px 28px;border-radius:var(--radius);background:#ffffff14;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-family:inherit;display:flex;flex-direction:column;align-items:center;line-height:1.2}.hero-stat:hover{background:#ffffff2e;transform:translateY(-4px);border-color:#fff6}.hero-stat.active{background:#ffffff40;box-shadow:0 12px 32px #0003;border-color:#fff9;transform:translateY(-4px)}.hero-stat strong{display:block;font-size:1.6rem;font-weight:600;color:#fff}.hero-stat span{font-size:.8rem;opacity:.8}.section{max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.section-title{font-family:Playfair Display,serif;font-size:1.7rem;font-weight:500;color:var(--navy);margin-bottom:.4rem}.section-sub{color:var(--muted);font-size:.95rem;margin-bottom:2rem}.spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.spec-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.2rem 1rem;text-align:center;cursor:pointer;transition:var(--transition)}.spec-card:hover{border-color:var(--teal);background:var(--teal-xlight);transform:translateY(-4px);box-shadow:0 8px 24px #0d94881f}.spec-card .icon{font-size:1.8rem;margin-bottom:.5rem;display:block}.spec-card p{font-size:.8rem;font-weight:500;color:var(--slate)}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px}.doc-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.5rem;cursor:pointer;transition:var(--transition);animation:fadeInUp .5s ease both}.doc-card:hover{border-color:var(--teal);box-shadow:0 12px 32px #0d94881a;transform:translateY(-4px)}.doc-card-top{display:flex;gap:14px;align-items:flex-start;margin-bottom:1rem}.doc-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;color:var(--white);flex-shrink:0;box-shadow:0 4px 12px #00000026}.doc-info h3{font-size:1rem;font-weight:600;color:var(--navy)}.doc-info p{font-size:.8rem;color:var(--teal);font-weight:500}.doc-clinic{font-size:.8rem;color:var(--muted);margin-top:2px}.doc-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1rem}.tag{display:inline-block;padding:4px 12px;border-radius:100px;font-size:.72rem;font-weight:500}.tag-teal{background:var(--teal-light);color:var(--teal-dark)}.tag-amber{background:#fef3c7;color:#92400e}.tag-purple{background:#ede9fe;color:#5b21b6}.doc-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.doc-fee{font-size:.9rem;font-weight:600;color:var(--navy)}.doc-avail{font-size:.78rem;color:var(--green);font-weight:500}.stars{color:#f59e0b;font-size:.85rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.modal{background:var(--white);border-radius:20px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0003;animation:scaleIn .3s ease}.modal-head{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:500}.close-btn{width:34px;height:34px;border-radius:50%;background:var(--surface);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--muted);transition:var(--transition)}.close-btn:hover{background:var(--border);color:var(--navy)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--slate);margin-bottom:6px}.form-control{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;color:var(--navy);outline:none;transition:var(--transition);background:var(--white)}.form-control:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d94881a}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-full{grid-column:1/-1}.time-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.time-slot{padding:9px;border:1.5px solid var(--border);border-radius:var(--radius-sm);text-align:center;font-size:.82rem;cursor:pointer;transition:var(--transition);background:var(--white);font-family:inherit}.time-slot:hover:not(.booked){border-color:var(--teal);background:var(--teal-xlight)}.time-slot.selected{background:linear-gradient(135deg,var(--teal),var(--teal-dark));border-color:var(--teal);color:#fff;font-weight:500;box-shadow:0 2px 8px #0d94884d}.time-slot.booked{background:var(--surface);color:var(--muted);cursor:not-allowed;text-decoration:line-through}.pill-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;flex-wrap:wrap}.pill{padding:7px 16px;border-radius:100px;border:1.5px solid var(--border);background:var(--white);font-size:.82rem;cursor:pointer;white-space:nowrap;transition:var(--transition);font-family:inherit;color:var(--slate)}.pill:hover,.pill.active{background:linear-gradient(135deg,var(--teal),var(--teal-dark));border-color:var(--teal);color:#fff;box-shadow:0 2px 8px #0d948840}.confirm-card{background:linear-gradient(135deg,var(--teal-xlight),#ecfdf5);border:1px solid #99f6e4;border-radius:var(--radius-sm);padding:1rem;margin-bottom:1.2rem}.confirm-card h4{font-size:.85rem;font-weight:600;color:var(--teal-dark);margin-bottom:6px}.confirm-card p{font-size:.8rem;color:var(--teal-dark)}.success-banner{text-align:center;padding:2rem}.success-banner .check{font-size:3rem;margin-bottom:1rem}.success-banner h3{font-family:Playfair Display,serif;font-size:1.4rem;margin-bottom:.5rem}.success-banner p{color:var(--muted);font-size:.9rem}.booking-id{display:inline-block;background:var(--teal-xlight);color:var(--teal-dark);padding:4px 14px;border-radius:100px;font-size:.8rem;font-weight:600;margin-top:.8rem}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f0fdfa,#f8fafc,#f0f9ff)}.auth-card{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.6);border-radius:20px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 16px 48px #00000014;animation:scaleIn .4s ease both}.auth-card h2{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:500;margin-bottom:.4rem}.auth-card>p{color:var(--muted);font-size:.9rem;margin-bottom:2rem}.role-tabs{display:flex;gap:8px;margin-bottom:1.5rem;background:var(--surface);padding:4px;border-radius:var(--radius-sm)}.role-tab{flex:1;padding:9px;border-radius:6px;border:none;background:transparent;font-family:inherit;font-size:.85rem;cursor:pointer;transition:var(--transition);color:var(--muted)}.role-tab.active{background:var(--white);color:var(--teal-dark);font-weight:500;box-shadow:var(--shadow)}.error-msg{background:#fef2f2;color:var(--red);padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:1rem;border:1px solid #fecaca;animation:fadeIn .3s ease}.dash-wrap{display:flex;min-height:calc(100vh - 64px)}.sidebar{width:250px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border);padding:1.5rem 1rem;flex-shrink:0;display:flex;flex-direction:column}.sidebar-title{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 .5rem;margin:1.4rem 0 .6rem}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.875rem;color:var(--slate);cursor:pointer;transition:var(--transition);margin-bottom:2px;border:none;background:transparent;width:100%;text-align:left;font-family:inherit}.sidebar-link:hover{background:var(--surface)}.sidebar-link.active{background:linear-gradient(135deg,var(--teal-xlight),#ecfdf5);color:var(--teal-dark);font-weight:500}.dash-content{flex:1;padding:2rem;overflow-y:auto;animation:fadeIn .3s ease}.dash-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.dash-header h1{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:500}.dash-header p{color:var(--muted);font-size:.875rem}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:2rem}.stat-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.3rem;transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-card .lbl{font-size:.72rem;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-card .val{font-size:1.8rem;font-weight:600;color:var(--navy)}.stat-card .sub{font-size:.78rem;color:var(--green);margin-top:4px}.panel{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem}.panel-head{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.panel-head h3{font-size:.95rem;font-weight:600}table{width:100%;border-collapse:collapse}th{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:.8rem 1.5rem;text-align:left;background:var(--surface);border-bottom:1px solid var(--border)}td{padding:.9rem 1.5rem;font-size:.875rem;color:var(--slate);border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}tr:hover td{background:#f8fafc99}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:100px;font-size:.72rem;font-weight:500}.badge-green{background:#dcfce7;color:#15803d}.badge-amber{background:#fef9c3;color:#854d0e}.badge-red{background:#fee2e2;color:#b91c1c}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-gray{background:#f1f5f9;color:var(--muted)}.filter-row{display:flex;gap:10px;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.filter-row input,.filter-row select{padding:9px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;color:var(--navy);outline:none;background:var(--white);transition:var(--transition)}.filter-row input:focus,.filter-row select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d948814}.filter-row input{flex:1;min-width:180px}.appointment-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.2rem;margin-bottom:12px;display:flex;align-items:center;gap:16px;transition:var(--transition)}.appointment-card:hover{border-color:var(--teal);box-shadow:var(--shadow)}.appt-date{min-width:64px;text-align:center;background:linear-gradient(135deg,var(--teal-xlight),#ecfdf5);border-radius:var(--radius-sm);padding:10px}.appt-date .day{font-size:1.4rem;font-weight:600;color:var(--teal-dark);line-height:1}.appt-date .mon{font-size:.7rem;color:var(--teal);font-weight:500;text-transform:uppercase}.appt-info{flex:1}.appt-info h4{font-size:.95rem;font-weight:600}.appt-info p{font-size:.8rem;color:var(--muted)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:999}.toast{background:var(--navy);color:#fff;padding:14px 24px;border-radius:var(--radius);font-size:.875rem;box-shadow:var(--shadow-lg);transform:translateY(100px);opacity:0;transition:all .35s cubic-bezier(.4,0,.2,1)}.toast.show{transform:translateY(0);opacity:1}.empty-state{text-align:center;padding:3rem;color:var(--muted)}.empty-state .icon{font-size:2.5rem;margin-bottom:.8rem}.doc-mini{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,var(--teal-xlight),#ecfdf5);border-radius:var(--radius-sm)}.doc-mini .doc-avatar{width:44px;height:44px;font-size:1rem}@media(max-width:768px){.sidebar{display:none}.dash-content{padding:1.5rem}.hero-stats{gap:1.5rem}.doc-grid,.form-grid{grid-template-columns:1fr}.nav-links .btn-ghost-text{display:none}.stats-row{grid-template-columns:1fr 1fr}}@media(max-width:480px){.hero{padding:50px 1rem 80px}.search-box{flex-direction:column;border-radius:var(--radius);padding:12px;gap:10px}.search-box .btn-teal{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:1rem}.stats-row{grid-template-columns:1fr}}