.otp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(30,41,59,.25);z-index:1000;display:flex;align-items:center;justify-content:center}.otp-modal{background:#fff;border-radius:1.2rem;box-shadow:0 8px 32px #6366f12e;padding:2rem 2.5rem 1.5rem;min-width:320px;max-width:95vw;position:relative;text-align:center}.otp-modal-close{position:absolute;top:.7rem;right:1.2rem;background:none;border:none;font-size:2rem;color:#6366f1;cursor:pointer}.otp-modal input[type=tel],.otp-modal input[type=text]{width:90%;padding:.5rem;margin:.7rem 0 1rem;border:1.5px solid #e0e7ff;border-radius:.7rem;font-size:1.1rem}.otp-modal button{background:linear-gradient(90deg,#6366f1 0%,#60a5fa 100%);color:#fff;border:none;border-radius:1.2rem;padding:.5rem 1.5rem;font-size:1rem;font-weight:600;margin-top:.5rem;box-shadow:0 2px 8px #6366f121;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}.otp-modal button:disabled{opacity:.6;cursor:not-allowed}.otp-error{color:#dc2626;font-weight:700;margin-top:1rem}.doctor-days{margin-top:1.2rem;text-align:left}.days-list{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1rem}.day-btn{background:#e0e7ff;color:#3730a3;border:none;border-radius:1.2rem;padding:.4rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 1px 4px #6366f114}.day-btn.selected,.day-btn:hover{background:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f121}.doctor-slots ul{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.doctor-slots li{font-size:1rem;font-weight:500}.home-virtual-clinic{font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(120deg,#f8fafc 0%,#e0e7ff 100%);min-height:100vh;padding-bottom:40px}.clinic-header{text-align:center;padding:2rem 0 1rem;background:linear-gradient(90deg,#6366f1 0%,#60a5fa 100%);color:#fff;border-radius:0 0 2rem 2rem;margin-bottom:2rem}.services-section{max-width:900px;margin:0 auto 2rem}.services-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.service-card{background:#fff;border-radius:1rem;box-shadow:0 2px 12px #6366f114;padding:1.5rem 2rem;min-width:220px;max-width:260px;cursor:pointer;transition:box-shadow .2s,transform .2s;border:2px solid transparent}.service-card.selected,.service-card:hover{box-shadow:0 4px 24px #6366f12e;border:2px solid #6366f1;transform:translateY(-4px) scale(1.03)}.service-card h3{margin:0 0 .5rem;color:#6366f1}.doctors-section{max-width:900px;margin:0 auto;background:#fff;border-radius:1rem;box-shadow:0 2px 12px #6366f114;padding:2rem}.doctors-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1rem}.doctor-card.enhanced{background:linear-gradient(135deg,#f8fafc 60%,#e0e7ff 100%);border-radius:1.5rem;box-shadow:0 4px 24px #6366f121,0 1.5px 6px #6366f114;padding:2rem 1.5rem 1.5rem;min-width:260px;max-width:320px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:box-shadow .2s,transform .2s;border:2px solid #e0e7ff}.doctor-card.enhanced:hover{box-shadow:0 8px 32px #6366f138,0 2px 8px #6366f121;transform:translateY(-6px) scale(1.04);border:2px solid #6366f1}.doctor-card-header{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem}.doctor-photo.enhanced{width:90px;height:90px;border-radius:50%;object-fit:cover;margin-bottom:.5rem;border:3px solid #6366f1;box-shadow:0 2px 8px #6366f121}.doctor-badge{background:#fffbe7;color:#f59e42;font-weight:700;font-size:.85rem;border-radius:1rem;padding:.2rem .8rem;margin-top:-.5rem;margin-bottom:.5rem;box-shadow:0 1px 4px #f59e4214;display:inline-block}.doctor-info.enhanced h4{margin:0 0 .3rem;color:#3730a3;font-size:1.25rem;font-weight:700}.doctor-specialization{color:#6366f1;font-weight:600;margin-bottom:.2rem;font-size:1.05rem}.doctor-bio{color:#64748b;font-size:.98rem;margin-bottom:.5rem;min-height:2.2em}.doctor-meta{display:flex;gap:.7rem;justify-content:center;font-size:.97rem;color:#334155;margin-bottom:.3rem}.doctor-qual{color:#6366f1;font-size:.95rem}.doctor-languages{color:#0ea5e9;font-size:.93rem;margin-bottom:.7rem}.book-btn{background:linear-gradient(90deg,#6366f1 0%,#60a5fa 100%);color:#fff;border:none;border-radius:1.2rem;padding:.5rem 1.5rem;font-size:1rem;font-weight:600;margin-top:.7rem;box-shadow:0 2px 8px #6366f121;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}.book-btn:hover{background:linear-gradient(90deg,#60a5fa 0%,#6366f1 100%);box-shadow:0 4px 16px #6366f12e;transform:translateY(-2px) scale(1.03)}.error{color:#dc2626;font-weight:700;margin-top:1rem}.appointment-booking{margin-top:1.5rem;padding:1.5rem;border:2px solid #e0e7ff;border-radius:1rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.appointment-booking h5{color:#1e293b;margin-bottom:1rem;text-align:center}.time-slots{margin-top:1.5rem}.time-slots h5{color:#1e293b;margin-bottom:1rem;font-size:1.1rem}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:1rem}.slot-btn{padding:.75rem .5rem;border:2px solid transparent;border-radius:.75rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:60px}.slot-btn.available{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);color:#3730a3;border-color:#a5b4fc}.slot-btn.available:hover{background:linear-gradient(135deg,#c7d2fe 0%,#a5b4fc 100%);border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.slot-btn.booked{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);color:#64748b;border-color:#cbd5e1;cursor:not-allowed;opacity:.7}.booked-label{font-size:.75rem;color:#ef4444;margin-top:.25rem;font-weight:500}.no-slots{text-align:center;padding:2rem;color:#64748b}.appointment-booking .MuiDateCalendar-root{background:#ffffff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;padding:.5rem}.appointment-booking .MuiPickersDay-root{border-radius:.5rem;transition:all .2s ease}.appointment-booking .MuiPickersDay-root:hover{background-color:#e0e7ff}.appointment-booking .MuiPickersDay-root.Mui-selected{background:linear-gradient(135deg,#6366f1 0%,#60a5fa 100%)}.appointment-booking .MuiPickersDay-root.Mui-selected:hover{background:linear-gradient(135deg,#5b21b6 0%,#3b82f6 100%)}@media (max-width: 768px){.appointment-booking{padding:1rem}.slots-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.slot-btn{padding:.5rem .25rem;font-size:.8rem;min-height:50px}}body{margin:0;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-attachment:fixed;min-height:100vh}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.dashboard-container{flex-direction:column}.sidebar{position:fixed;bottom:0;left:0;right:0;height:70px;z-index:1000;transform:translateY(0)}.main-content{padding-bottom:80px}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.glass{background:rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}