.color_14B8A6{color:#14b8a6!important}.color_FBBF24{color:#fbbf24!important}.color_2D59F0{color:#2d59f0!important}.doctors-container{max-width:1024px;margin:0 auto}.doctor-card{color:inherit;background:#fff;border-radius:24px;margin-bottom:16px;padding:24px;text-decoration:none;transition:all .3s;display:block;box-shadow:0 1px 3px #0000000d}.doctor-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.doctor-card-inner{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.doctor-info{flex:1;align-items:flex-start;gap:16px;display:flex}.doctor-avatar{flex-shrink:0;position:relative}.doctor-avatar img{object-fit:cover;border-radius:50%;width:80px;height:80px;display:block}.doctor-avatar.online:before{content:"";z-index:10;background-color:#10b981;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;right:2px}.doctor-avatar.online:after{content:"";opacity:0;background-color:#10b981;border-radius:50%;width:16px;height:16px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;position:absolute;top:2px;right:2px}@keyframes pulse-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.doctor-details{text-align:right;flex:1}.doctor-name{color:#111827;margin-bottom:4px;font-size:20px;font-weight:700}.doctor-specialty{color:#9ca3af;font-size:14px}.doctor-stats{display:none}.doctor-action{flex-direction:column;align-items:flex-start;gap:16px;min-width:200px;display:flex}.doctor-action .doctor-stats{flex-direction:column;gap:8px;width:100%;display:flex}.doctor-action .stat-item{justify-content:end;align-items:center;gap:6px;font-size:14px;display:flex}.action-row{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:16px;display:flex}.stat-icon{font-size:20px;line-height:1}.stat-value{font-weight:700}.rating-icon{color:#fbbf24}.recommend-icon{color:#10b981}.appointment-icon{color:#6366f1}.next-appointment{text-align:center;border-radius:12px;flex-direction:column;padding:10px 20px;display:inline-flex}next-appointment-box{background:#f9fafb;border:1px solid #e5e7eb}.next-appointment-label{color:#9ca3af;white-space:nowrap;margin-bottom:4px;font-size:11px}.next-appointment-date{color:#111827;white-space:nowrap;font-size:14px}.btn-appointment{color:#fff;cursor:pointer;white-space:nowrap;background-color:#6366f1;border:none;border-radius:12px;padding:12px 32px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #6366f126}.btn-appointment:hover{background-color:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 16px #6366f140}.btn-appointment:active{transform:translateY(0)}.city-icon{fill:#475467;width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;max-height:16px}.doctor-city{margin-top:4px}@media (width<=1024px){.doctors-container{max-width:768px;padding:0 16px}}@media (width<=768px){body{padding:12px}.doctor-card{border-radius:16px;padding:16px}.doctor-card-inner{flex-direction:row;align-items:flex-start;gap:12px}.doctor-info{flex:1;gap:8px;min-width:0}.doctor-avatar img{width:56px;height:56px}.doctor-avatar.online:before,.doctor-avatar.online:after{border-width:2px;width:12px;height:12px;top:0;right:0}.doctor-name{margin-bottom:2px;font-size:15px}.doctor-specialty,.doctor-city{margin:2px 0;font-size:12px}.doctor-action{min-width:140px;max-width:180px}.doctor-action .doctor-stats{gap:6px}.stat-item{font-size:11px}.stat-icon{font-size:14px}.stat-value,.stat-label{font-size:11px}.action-row{flex-direction:row;gap:8px;margin-top:8px}.next-appointment{padding:6px 12px;font-size:10px}.next-appointment-label{margin-bottom:2px;font-size:9px}.next-appointment-date{font-size:11px}.btn-appointment{padding:8px 16px;font-size:13px}}@media (width<=480px){.doctor-card{padding:12px}.doctor-card-inner{gap:8px}.doctor-avatar img{width:48px;height:48px}.doctor-avatar.online:before,.doctor-avatar.online:after{border-width:2px;width:10px;height:10px}.doctor-name{font-size:14px}.doctor-specialty,.doctor-city{font-size:11px}.doctor-action{min-width:120px;max-width:160px}.doctor-action .doctor-stats{gap:5px}.stat-item{font-size:10px}.stat-icon{font-size:12px}.stat-value,.stat-label{font-size:10px}.action-row{gap:6px;margin-top:6px}.next-appointment{padding:5px 10px}.next-appointment-label{font-size:8px}.next-appointment-date{font-size:10px}.btn-appointment{padding:6px 12px;font-size:12px}}.doctor-card{animation:.5s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.doctor-card:focus{outline-offset:2px;outline:2px solid #6366f1}.btn-appointment:focus{outline-offset:2px;outline:2px solid #fff}html{scroll-behavior:smooth}