:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#172033;background:#f4efe8;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100vh}body{background:radial-gradient(circle at top right,#f8d8c8,transparent 30%),radial-gradient(circle at top left,#d5e8dd,transparent 24%),#f4efe8}button,input{font:inherit}.booking-shell{max-width:1720px;margin:0 auto;padding:36px 5vw 52px}.hero-card,.calendar-panel,.booking-form,.upcoming-card,.service-card,.date-pill,.slot-btn,.booking-item,.status-box{border:1px solid rgba(143,111,91,.12);background:#ffffffbf;box-shadow:0 28px 70px #48332714}.hero-card{border-radius:38px;padding:clamp(36px,6vw,80px)}.eyebrow{margin:0;color:#cd7e5f;font-size:.76rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.hero-card h1{max-width:980px;margin:18px 0 0;font-size:clamp(3.2rem,8vw,6rem);line-height:.9;letter-spacing:-.07em}.hero-text{max-width:760px;margin:24px 0 0;color:#5f6878;font-size:1.1rem;line-height:1.8}.booking-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(390px,.9fr);gap:28px;margin-top:28px}.left-panel,.right-panel,.services-row,.dates-grid,.slots-grid,.booking-list{display:grid;gap:20px}.services-row{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card,.date-pill,.slot-btn,.confirm-btn{cursor:pointer;transition:.22s ease}.service-card{border-radius:28px;padding:26px;text-align:left;color:inherit}.service-card span,.slot-btn small,.booking-item span,.booking-item p,.empty-text{color:#6f7584}.service-card strong{display:block;margin-top:14px;font-size:1.8rem;line-height:1;letter-spacing:-.06em}.service-card p{margin:18px 0 0;font-size:1.4rem;font-weight:900;color:#1f2937}.service-card.active,.date-pill.active,.slot-btn.active,.confirm-btn{border-color:transparent;background:linear-gradient(135deg,#172033,#4b3b34);color:#fff}.calendar-panel,.booking-form,.upcoming-card{border-radius:36px;padding:32px}.calendar-panel h2,.booking-form h2,.upcoming-head h2{margin:0;font-size:2rem;letter-spacing:-.06em}.calendar-panel h2:last-of-type{margin-top:28px}.dates-grid{margin-top:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.date-pill,.slot-btn{border-radius:24px;padding:18px 16px;font-weight:800;color:inherit}.slots-grid{margin-top:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.slot-btn{display:grid;gap:8px}.slot-btn.booked{opacity:.45;cursor:not-allowed}.service-card:hover,.date-pill:hover,.slot-btn:hover,.confirm-btn:hover{transform:translateY(-3px)}.booking-form label{display:grid;gap:12px;margin-top:20px;color:#5f6878;font-weight:700}.booking-form input{width:100%;border:1px solid rgba(143,111,91,.12);border-radius:22px;background:#fff;color:#172033;padding:18px 20px;outline:0}.confirm-btn{width:100%;margin-top:24px;border:0;border-radius:24px;padding:20px 24px;font-weight:900}.status-box{margin-top:20px;border-radius:24px;padding:20px;color:#2f5d50;background:#e9f5ef;font-weight:700;animation:toast-in .5s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.upcoming-head,.booking-item{display:flex;justify-content:space-between;align-items:center;gap:18px}.upcoming-head span{min-width:42px;height:42px;border-radius:999px;display:inline-flex;justify-content:center;align-items:center;background:#172033;color:#fff;font-weight:900}.booking-list{margin-top:24px}.booking-item{border-radius:26px;padding:20px 22px;animation:toast-in .5s ease}.booking-item strong{font-size:1.1rem}.booking-item p{margin:10px 0 0}@media (max-width: 1080px){.booking-grid,.services-row{grid-template-columns:1fr}}@media (max-width: 640px){.booking-shell{padding-inline:16px}.calendar-panel,.booking-form,.upcoming-card{padding:22px}.dates-grid,.slots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}