.demo-bar{background:#eaf3f8;border-block:1px solid #ccdee9;color:#294c66;font-size:.8rem}.demo-bar>.wrap{display:flex;justify-content:space-between;align-items:center;padding-block:12px;gap:20px}.demo-bar strong{font-size:.75rem;letter-spacing:.08em;margin-right:13px}.demo-bar a{white-space:nowrap;text-decoration:underline}.booking-wrap{padding-bottom:75px}.booking-top{display:flex;justify-content:space-between;align-items:center;margin:28px 0 38px;gap:20px}.back-home{font-size:.88rem;color:var(--muted)}.view-switch{background:#f2f6f8;border:1px solid var(--line);padding:4px;border-radius:9px;display:flex;gap:4px}.view-switch a{font-size:.85rem;padding:9px 16px;border-radius:6px}.view-switch a[aria-current]{background:#fff;color:var(--ink);box-shadow:0 2px 7px #17375312;font-weight:700}.book-heading{margin-bottom:34px}.book-heading .eyebrow{margin-bottom:12px}.book-heading h1{font-size:clamp(2rem,3.8vw,3.4rem);margin-bottom:13px}.book-heading>p:last-child{font-size:1rem}.progress{display:flex;list-style:none;margin:0 0 30px;padding:0;gap:35px}.progress li{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#617585}.progress li>span{width:27px;height:27px;border-radius:50%;border:1px solid #c2d2dc;display:grid;place-items:center;font-size:.8rem}.progress .current{color:var(--ink);font-weight:700}.progress .current>span{background:var(--ink);border-color:var(--ink);color:white}.progress .done>span{background:#e4f0f7;color:var(--blue)}.booking-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:32px;align-items:start}.booking-panel{border:1px solid var(--line);border-radius:15px;padding:35px;background:white}.booking-panel h2,.owner-panel h2{font-size:1.6rem;letter-spacing:-.03em}.section-sub{font-size:.94rem;margin:12px 0 24px}.choice-list{border:0;padding:0;margin:0;display:grid;gap:10px}.choice,.service-choice{position:relative;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:20px;gap:15px;cursor:pointer;background:#fff}.choice:hover,.service-choice:hover{border-color:#719ab6}.choice.selected,.service-choice.selected{border-color:var(--blue);background:#eff6fa;box-shadow:inset 0 0 0 1px var(--blue)}.choice input,.service-choice input{position:absolute;width:1px;height:1px;opacity:0}.choice:focus-within,.service-choice:focus-within{outline:3px solid #448aba;outline-offset:3px}.choice strong,.service-choice strong{display:block;font-size:1rem}.choice small,.service-choice small{display:block;color:var(--muted);font-size:.85rem;margin-top:4px}.radio-mark{width:19px;height:19px;border:1px solid #a2b6c4;border-radius:50%;flex-shrink:0}.selected .radio-mark{border:6px solid var(--blue)}.booking-panel .sub-heading{margin:32px 0 20px}.service-options{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-choice{align-items:start;flex-direction:column;gap:12px}.service-choice b{font-size:1.35rem;font-weight:600}.form-actions{display:flex;justify-content:space-between;gap:15px;margin-top:30px}.form-actions>.button:only-child{margin-left:auto}.button{cursor:pointer}.button:disabled{opacity:.4;cursor:not-allowed;transform:none}.booking-summary{border:1px solid var(--line);border-radius:15px;background:#f4f8fa;padding:29px;position:sticky;top:24px}.booking-summary h2{font-size:1.75rem;margin-bottom:9px}.booking-summary>p{font-size:.9rem}.booking-summary dl{margin:27px 0}.booking-summary dl>div{padding:13px 0;border-bottom:1px solid var(--line)}.booking-summary dt{font-size:.8rem;color:#647886;margin-bottom:5px}.booking-summary dd{font-size:.94rem;font-weight:550;margin:0}.booking-total{display:flex;align-items:center;justify-content:space-between;gap:20px}.booking-total>span{font-size:.9rem}.booking-total small{font-size:.75rem;display:block;color:var(--muted)}.booking-total strong{font-size:2rem;letter-spacing:-.04em}.summary-note{font-size:.8rem!important;margin:16px 0 25px}.summary-footer{border-top:1px solid var(--line);padding-top:23px}.summary-footer strong{font-size:.9rem}.summary-footer p{font-size:.85rem;margin-top:8px}.local-note{font-size:.8rem;line-height:1.65;margin:22px 0;color:#5a7080}.calendar-box{border:1px solid var(--line);padding:20px;border-radius:12px}.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.calendar-heading h3{font-size:1.15rem;letter-spacing:-.02em}.icon-button{padding:6px 12px;color:var(--ink);background:white;border-color:var(--line);font-size:1.15rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.weekday{text-align:center;font-size:.75rem;color:var(--muted);padding-bottom:7px}.calendar-day{position:relative;border:1px solid #d9e7ee;border-radius:8px;background:#f0f6fa;color:var(--ink);font:600 .95rem 'DM Sans',sans-serif;min-height:47px;cursor:pointer}.calendar-day:disabled{color:#8193a0;background:#fff;border-color:transparent;cursor:default;font-weight:400}.calendar-day.selected,.time-slot.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.calendar-day:not(:disabled):hover,.time-slot:hover{outline:2px solid #8fb3ca}.available-dot{position:absolute;bottom:5px;left:calc(50% - 1.5px);width:3px;height:3px;border-radius:50%;background:currentColor}.calendar-key{font-size:.75rem;display:flex;align-items:center;gap:8px;margin-top:17px}.calendar-key>span{width:9px;height:9px;border-radius:3px;background:var(--blue)}.time-heading{margin:24px 0 17px}.time-heading h3{font-size:1rem;line-height:1.4}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.time-slot{border:1px solid #b9cdd9;background:white;color:var(--ink);border-radius:7px;padding:13px 8px;font:550 .85rem 'DM Sans',sans-serif;cursor:pointer}.details-form{margin-top:25px}.details-form label,.hours-settings label,.block-form label{display:flex;flex-direction:column;gap:8px;font-size:.9rem;font-weight:550;margin-bottom:22px}input,select{font:400 1rem 'DM Sans',sans-serif;border:1px solid #b5c8d5;border-radius:7px;padding:12px;background:white;color:var(--ink);min-width:0;max-width:100%}.details-form small{font-size:.8rem;color:var(--muted);font-weight:400}.notice{padding:17px 20px;border-radius:8px;background:#e9f2f8;border-left:3px solid var(--blue);margin-bottom:24px;font-size:.9rem;color:var(--ink)}.notice.quiet{border-left:0;background:#f4f7f9;font-size:.85rem;color:var(--muted)}.small-button{padding:10px 15px;font-size:.85rem}.text-button{color:var(--blue);border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:10px 0;font-size:.85rem;display:inline-flex}.text-button:hover{background:transparent;transform:none;color:var(--ink)}.review-details{padding:22px;background:#f3f7f9;border-radius:9px;margin-bottom:26px;overflow-wrap:anywhere}.review-details h3{font-size:1.15rem;margin-bottom:12px}.review-details p{font-size:.94rem}.checkout-box{border:1px solid var(--line);border-radius:10px;padding:24px}.demo-pill{font-size:.75rem;letter-spacing:.08em;background:#e7f0f6;color:var(--blue);padding:6px 9px;border-radius:4px;display:inline-block;margin-bottom:17px}.checkout-box h3{font-size:1.3rem;margin-bottom:12px}.checkout-box p{font-size:.9rem}.pay-line{display:flex;justify-content:space-between;margin:23px 0;padding-top:18px;border-top:1px solid var(--line);gap:20px}.pay-line span{font-size:.9rem}.pay-button{width:100%;justify-content:center}.checkout-box>.text-button{display:block;margin:9px auto 0}.confirmation{max-width:740px;margin:45px auto;text-align:center}.success-symbol{border-radius:50%;width:60px;height:60px;display:grid;place-items:center;background:#e0edf5;font-size:1.7rem;color:var(--blue);margin:0 auto 24px}.confirmation h1{font-size:2.7rem;margin-bottom:20px}.confirmation>p{max-width:580px;margin-inline:auto}.confirmation-card{margin:30px auto;border:1px solid var(--line);background:#f4f8fa;border-radius:12px;padding:30px;text-align:left;max-width:520px;overflow-wrap:anywhere}.confirmation-card h2{font-size:1.6rem;margin-bottom:15px}.confirmation-card p{line-height:1.9;font-size:.95rem}.receipt{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.confirmation .actions{justify-content:center;margin:20px 0}.owner-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.owner-stats>div{background:#f1f6f9;border:1px solid var(--line);border-radius:12px;padding:23px}.owner-stats span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:8px}.owner-stats strong{font-size:2.3rem;font-weight:550;letter-spacing:-.035em}.owner-stats small{font-size:.85rem;font-weight:400;letter-spacing:0}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:28px 0 32px}.week-strip>div{padding:19px 14px;border-right:1px solid var(--line);background:#eff6fa}.week-strip>div:last-child{border:0}.week-strip .closed{background:#fbfcfd;color:#718593}.week-strip span{display:block;font-size:.8rem;margin-bottom:7px}.week-strip strong{font-size:.84rem;line-height:1.5;display:block;font-weight:550}.owner-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:26px}.owner-tabs button{border:0;background:none;color:var(--muted);font-size:1rem;padding:15px 0;cursor:pointer}.owner-tabs button[aria-selected=true]{border-bottom:3px solid var(--ink);color:var(--ink);font-weight:600}.owner-panel{border:1px solid var(--line);border-radius:12px;padding:30px}.owner-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.owner-section-heading p{font-size:.9rem;margin-top:12px}.filter-label{display:flex;align-items:center;gap:10px;font-size:.85rem}.filter-label select{font-size:.85rem;padding:8px}.appointment{display:flex;align-items:center;gap:22px;padding:26px 0;border-top:1px solid var(--line)}.date-tile{background:#edf4f8;border-radius:8px;padding:10px 17px;text-align:center;min-width:68px}.date-tile strong{font-size:1.65rem;display:block;line-height:1.3}.date-tile span{font-size:.8rem}.appointment-info{flex:1;overflow-wrap:anywhere}.appointment-info h3{font-size:1.1rem;margin-bottom:7px}.appointment-info p,.appointment-info small{font-size:.85rem;color:var(--muted)}.appointment-meta{text-align:right;display:flex;flex-direction:column;align-items:end;gap:4px}.appointment-meta strong{font-size:.95rem}.appointment-meta small{font-size:.75rem;color:var(--muted)}.status{padding:4px 9px;font-size:.75rem;border-radius:5px;background:#e7f0f6;color:#345f7d;white-space:nowrap}.status.cancelled{background:#eee;color:#687480}.appointment-actions{display:flex;flex-direction:column;gap:0}.appointment-actions .text-button{padding:5px}.owner-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:20px}.owner-bottom p{font-size:.8rem}.week-settings{display:grid;gap:10px}.week-settings label{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:18px}.week-settings strong{font-size:.9rem;font-weight:550}.hours-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.blocked-section{border-top:1px solid var(--line);margin-top:36px;padding-top:32px}.blocked-section>p{font-size:.9rem;margin-top:12px}.block-form{display:flex;align-items:end;gap:20px;margin-top:20px}.block-form label{margin-bottom:0;flex:1;max-width:350px}.block-list>div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);gap:20px;font-size:.9rem}.empty-state{padding:30px;background:#f3f7f9;border-radius:10px;font-size:.9rem}.empty-state h3{font-size:1.2rem;margin-bottom:12px}.empty-state .button{margin-top:20px}dialog{border:1px solid var(--line);border-radius:15px;padding:30px;color:var(--ink);max-width:480px;width:calc(100% - 40px)}dialog::backdrop{background:#102a43aa}dialog h2{font-size:1.6rem;margin-bottom:20px}dialog p{font-size:.95rem}dialog .actions{justify-content:end}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1000px){.booking-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:20px}.booking-panel{padding:25px}.booking-summary{padding:22px}.progress{gap:20px}.week-strip{grid-template-columns:repeat(4,1fr)}.appointment{flex-wrap:wrap}.appointment-actions{flex-direction:row;margin-left:90px}.appointment-info{min-width:180px}.week-strip>div{border-bottom:1px solid var(--line)}}
@media(max-width:700px){.demo-bar>.wrap{align-items:start;font-size:.75rem}.demo-bar strong{display:block;margin-bottom:4px}.demo-bar a{font-size:.75rem}.booking-top{flex-direction:column;align-items:start;gap:17px;margin:23px 0 30px}.view-switch{width:100%}.view-switch a{flex:1;text-align:center;padding:9px 8px;font-size:.8rem}.book-heading h1{font-size:2.1rem}.booking-layout{grid-template-columns:1fr}.booking-summary{position:static;order:2}.booking-panel{padding:22px 18px}.progress{gap:0;justify-content:space-between}.progress li{flex-direction:column;gap:8px;font-size:.75rem;text-align:center}.progress li>span{width:25px;height:25px}.service-options{grid-template-columns:1fr}.service-choice{flex-direction:row}.choice{padding:17px}.choice strong{font-size:.92rem}.booking-panel h2{font-size:1.45rem}.calendar-box{padding:14px 10px}.calendar-grid{gap:3px}.calendar-day{min-height:41px;font-size:.85rem}.calendar-heading h3{font-size:1rem}.weekday{font-size:.75rem}.time-grid{grid-template-columns:repeat(2,1fr)}.form-actions .button{padding:13px 16px;font-size:.85rem;gap:15px}.confirmation h1{font-size:2rem}.confirmation-card{padding:23px}.owner-stats{grid-template-columns:1fr;gap:10px}.owner-stats>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px}.owner-stats strong{font-size:1.6rem;white-space:nowrap}.owner-stats span{margin:0;font-size:.8rem}.week-strip{grid-template-columns:repeat(2,1fr)}.owner-panel{padding:22px 17px}.owner-section-heading{flex-direction:column;align-items:start}.appointment{gap:15px}.appointment-info{min-width:calc(100% - 90px)}.appointment-meta{align-items:start;text-align:left;margin-left:83px}.appointment-actions{margin-left:83px;flex-basis:100%}.week-settings label{grid-template-columns:1fr;gap:6px;margin-bottom:8px}.hours-settings{grid-template-columns:1fr;gap:0}.block-form{align-items:stretch;flex-direction:column;gap:12px}.block-form label{max-width:none}.owner-bottom{align-items:start}.checkout-box{padding:19px}.pay-line{flex-direction:column;gap:8px}.receipt{font-size:.85rem}.choice small,.service-choice small{font-size:.8rem}.booking-top .back-home{font-size:.85rem}}