.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}.booking-card .btn.btn-primary,.booking-card .btn-primary{background:linear-gradient(135deg, var(--orange) 0%, var(--orange-dark,#c84a14) 100%);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:1.05rem 2.4rem;font-size:.95rem;font-weight:700;transition:transform .25s,box-shadow .25s,filter .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #e8591a52,0 2px 6px #e8591a33;color:#fff!important}.booking-card .btn.btn-primary:before{content:"";background:linear-gradient(120deg,#0000 0%,#ffffff2e 50%,#0000 100%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.booking-card .btn.btn-primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)scale(1.02);box-shadow:0 18px 36px #e8591a6b,0 4px 10px #e8591a40}.booking-card .btn.btn-primary:hover:before{transform:translate(100%)}.booking-card .btn.btn-primary:active:not(:disabled){transform:translateY(0)scale(.99)}.booking-card .btn.btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3);box-shadow:0 4px 12px #e8591a2e}.booking-card .btn.btn-outline{color:var(--text-mid,#444);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:1.5px solid #0000002e;border-radius:999px;padding:.95rem 1.8rem;font-size:.85rem;font-weight:500;transition:all .2s}.booking-card .btn.btn-outline:hover{border-color:var(--orange);color:var(--orange);background:#e8591a0d}.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{color:#065f46;cursor:pointer;background:#ecfdf5;border:1.8px solid #10b981;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .5rem;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:600;transition:all .22s;display:flex;position:relative;box-shadow:0 1px #10b9810d}.time-slot:hover:not(:disabled){background:#d1fae5;border-color:#059669;transform:translateY(-2px);box-shadow:0 8px 18px #10b98138}.time-slot.selected{background:var(--orange,#e8591a);border-color:var(--orange,#e8591a);color:#fff;box-shadow:0 8px 22px #e8591a59}.time-slot.taken{color:#b91c1c;cursor:not-allowed;box-shadow:none;opacity:.9;background:#fef2f2;border-color:#ef4444;-webkit-text-decoration:line-through #b91c1c8c;text-decoration:line-through #b91c1c8c}.time-slot.taken:hover{transform:none}.time-slot.past{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#f3f4f6;border-color:#d1d5db;-webkit-text-decoration:line-through #9ca3af99;text-decoration:line-through #9ca3af99}.time-slot.past:hover{transform:none}.time-slot-hr{letter-spacing:.04em;font-size:1.05rem;font-weight:700}.time-slot-badge{letter-spacing:.18em;text-transform:uppercase;color:#b91c1c;background:#ef44441f;border-radius:4px;margin-top:2px;padding:2px 6px;font-size:.6rem;font-weight:800;text-decoration:none}.time-slot.selected .time-slot-badge{color:#fff;background:#ffffff2e}.error-box{color:#b91c1c;background:#dc262614;border:1px solid #dc26264d;border-radius:8px;padding:.85rem 1rem;font-size:.92rem;font-weight:500}