.booking-card{border-radius:var(--r-xl);background-color:var(--white);border:1px solid var(--border);max-width:680px;box-shadow:var(--shadow-lg);padding:3rem}.shadow-lg{box-shadow:var(--shadow-lg)}.progress-container{background-color:var(--light-gray);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--orange), var(--orange-light));border-radius:3px;height:100%;transition:width .45s}.grid-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;display:grid}.option-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);text-align:center;padding:1.5rem}.option-card:hover{box-shadow:var(--shadow-sm);border-color:#ff6b2b66;transform:translateY(-2px)}.option-card.selected{border-color:var(--orange);background:var(--orange-pale);box-shadow:0 0 0 1px var(--orange)}.personnel-avatar{background:var(--light-gray);width:60px;height:60px;color:var(--text-dark);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;margin:0 auto .8rem;font-size:1.5rem;font-weight:600;display:flex;overflow:hidden}.option-card.selected .personnel-avatar{border-color:var(--orange);color:var(--orange)}.highlight-box{background:var(--orange-pale);border-left:4px solid var(--orange);border-radius:var(--r-sm);padding:1rem 1.5rem}.text-gold{color:var(--orange)}.input-lg{padding:1rem 1.2rem;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-grow{flex-grow:1}.gap-4{gap:1rem}.w-full{width:100%}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.text-danger{color:#e53e3e}.text-secondary{color:var(--text-muted)}.text-sm{font-size:.85rem}.font-bold{font-weight:700}.heading-2{font-size:clamp(2rem,4vw,3rem);font-family:var(--font-serif);font-weight:600}.heading-3{font-size:1.5rem;font-family:var(--font-serif);font-weight:600}.success-icon{background:var(--orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;font-size:3rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex}.fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.time-slot-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.7rem;margin-top:.4rem;display:grid}.time-slot{border:1.5px solid var(--border,#e5e5e5);color:var(--text-dark,#1a1a1a);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:.95rem .5rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;transition:all .2s;display:flex;position:relative}.time-slot:hover:not(:disabled){border-color:var(--orange,#e8591a);transform:translateY(-2px);box-shadow:0 6px 14px #e8591a26}.time-slot.selected{background:var(--orange,#e8591a);border-color:var(--orange,#e8591a);color:#fff}.time-slot.taken{color:#aaa;cursor:not-allowed;background:#f5f5f5;border-color:#e0e0e0;-webkit-text-decoration:line-through #00000040;text-decoration:line-through #00000040}.time-slot-hr{letter-spacing:.04em;font-weight:600}.time-slot-badge{letter-spacing:.14em;text-transform:uppercase;color:#c44;font-size:.62rem;font-weight:700;text-decoration:none}.time-slot.selected .time-slot-badge{color:#fff}.error-box{color:#b91c1c;background:#dc262614;border:1px solid #dc26264d;border-radius:8px;padding:.85rem 1rem;font-size:.92rem;font-weight:500}