body { font-family: 'Plus Jakarta Sans', sans-serif; margin: 0; }
.bg-main { background: linear-gradient(135deg, #0f766e 0%, #134e4a 100%); }
.view { min-height: 400px; }
.card-action { background: white; padding: 2rem; border-radius: 1.5rem; text-align: left; transition: 0.2s; width: 100%; }
.card-action:hover { transform: translateY(-5px); }
.icon-box { width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 1rem; }
.info-banner { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 1.5rem; padding: 1.5rem; }
.specialty-item { background: white; width: 100%; display: flex; align-items: center; gap: 1rem; padding: 1.2rem; border-radius: 1rem; color: #374151; }
.icon-sm { width: 45px; height: 45px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.back-link { color: #99f6e4; font-size: 0.9rem; margin-bottom: 1.5rem; display: block; border: none; background: none; cursor: pointer; }
.date-card, .time-card { background: white; color: #1f2937; padding: 1.2rem; border-radius: 1rem; text-align: center; cursor: pointer; transition: 0.2s; }
.date-card.full { background: #fee2e2; cursor: not-allowed; opacity: 0.7; }
.time-card.occupied { background: #f3f4f6; color: #9ca3af; cursor: not-allowed; border: 1px solid #e5e7eb; }
.fade-in { animation: fadeIn 0.3s ease-in; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }