:root{color:#2c2730;background:#fbf7f5;font-family:Noto Sans Thai,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.65}*{box-sizing:border-box}body{min-width:320px;margin:0}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 12% 8%,#ffe7dcb8,#0000 30%),linear-gradient(#fff,#fbf7f5 44%,#fff8fb);position:fixed;inset:0}button,input,textarea,select{font:inherit}input[type=checkbox]{width:auto;min-height:0}button{color:#2c2730;cursor:pointer;background:#fff;border:1px solid #e8dce2;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;display:inline-flex}button:hover{border-color:#db8faf}button:disabled{color:#989098;cursor:not-allowed;background:#f1eef0}a{color:#b12f67}.app{max-width:1180px;margin:0 auto;padding:18px 22px 28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.eyebrow{color:#b12f67;letter-spacing:0;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin:4px 0 0;font-size:24px;line-height:1.15}h2{font-size:25px;line-height:1.25}h3{font-size:18px;line-height:1.3}nav{background:#fff;border:1px solid #eee3e7;border-radius:8px;padding:4px;display:flex}nav a{color:#5f5560;border-radius:6px;padding:10px 14px;font-weight:700;text-decoration:none}nav a.active{color:#8b2452;background:#f7dfea}.layout{grid-template-columns:minmax(0,1fr) 340px;align-items:flex-start;gap:20px;display:grid}.layout.single{max-width:720px;margin:0 auto;display:block}.panel,.side-panel,.success,.soft-panel{background:#fff;border:1px solid #eadfe2;border-radius:8px;padding:22px;box-shadow:0 16px 42px #53364614}.side-panel{position:sticky;top:18px}.booking-hero{border:1px solid #eadfe2;border-radius:8px;min-height:320px;margin-bottom:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 46px #5336461a}.booking-hero:after{content:"";background:linear-gradient(90deg,#fffffffa 0%,#fffdfbe6 34%,#ffffff40 72%);position:absolute;inset:0}.booking-hero img{object-fit:cover;object-position:center right;width:100%;height:100%;position:absolute}.booking-hero-content{z-index:1;align-content:center;gap:12px;max-width:560px;padding:34px;display:grid;position:relative}.booking-hero-content>span{color:#a52e61;font-size:12px;font-weight:900}.booking-hero h2{max-width:13ch;margin:0;font-size:40px}.booking-hero p{color:#5f5560;max-width:48ch;margin:0;font-size:17px}.hero-stats,.booking-steps{flex-wrap:wrap;gap:8px;display:flex}.hero-stats strong{color:#7d214b;background:#fff8fbe6;border:1px solid #efd2de;border-radius:999px;padding:8px 11px;font-size:13px}.booking-steps{margin-bottom:16px}.booking-step{color:#756c75;background:#fff;border:1px solid #eadfe2;border-radius:8px;flex:180px;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex}.booking-step span{background:#f3edf1;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:900;display:inline-flex}.availability-board{background:#fff;border:1px solid #eadfe2;border-radius:8px;margin-bottom:16px;padding:22px;box-shadow:0 16px 42px #53364614}.availability-toolbar{grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:end;gap:14px;margin-bottom:14px;display:grid}.availability-toolbar label{gap:6px;display:grid}.availability-toolbar label span{color:#756c75;font-size:13px;font-weight:800}.availability-toolbar select{background:#fff;border:1px solid #e8dce2;border-radius:8px;min-height:46px;padding:8px 10px}.availability-note{background:#fff8fb;border:1px solid #efd2de;border-radius:8px;gap:2px;padding:10px 12px;display:grid}.availability-note strong{color:#84214e}.availability-note span{color:#756c75;font-size:13px}.branch-availability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.branch-availability-card{text-align:left;background:#fff;justify-content:stretch;align-items:stretch;gap:8px;min-height:120px;padding:13px;display:grid}.branch-availability-card>span{align-items:center;gap:8px;display:flex}.branch-availability-card small{color:#756c75;line-height:1.35}.mini-open-days{flex-wrap:wrap;gap:5px;display:flex}.mini-open-days em{color:#84214e;background:#f7edf2;border:1px solid #edd2df;border-radius:999px;padding:3px 8px;font-size:12px;font-style:normal;font-weight:800}.availability-detail{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:14px;display:grid}.available-time-panel{background:#fffdf8;border:1px solid #eee3d6;border-radius:8px;gap:12px;padding:14px;display:grid}.available-time-panel h3{margin-bottom:2px}.available-time-panel p{color:#756c75;margin:0}.compact-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.availability-page{gap:16px;display:grid}.availability-next-step{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:16px;display:grid}.availability-next-step h2{margin-bottom:4px;font-size:22px}.availability-next-step p{color:#756c75;margin:0}.link-button{text-decoration:none}.link-button.disabled{opacity:.55;pointer-events:none}.login-actions{gap:10px;margin:14px 0;display:grid}.backup-pin-form{gap:10px;margin:12px 0 4px;display:grid}.secondary{color:#5f5560;background:#fff;border-color:#e8dce2;font-weight:800}.wide{width:100%}.inbox-link-button{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;margin:10px 0 4px;padding:10px 14px;font-weight:900;text-decoration:none;display:inline-flex}.inbox-link-button:hover,.inbox-link-button:focus-visible{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.inbox-link-note{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;margin:10px 0 4px;padding:9px 10px;font-size:13px}.booking-step.active{color:#84214e;background:#fff8fb;border-color:#e6b0c7}.booking-step.active span{color:#fff;background:#b12f67}.section-title{align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-title.compact{margin-bottom:6px}.section-title svg,.success svg{color:#b12f67}.section-title p{color:#756c75;margin:4px 0 0}.booking-form{gap:20px;display:grid}.member-prefill-card{color:#165b2d;background:#f4fff7;border:1px solid #bfe8c8;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px 14px;display:grid}.member-prefill-card strong,.member-prefill-card span,.member-prefill-card small{display:block}.member-prefill-card span,.member-prefill-card small{color:#376747;font-size:13px;line-height:1.35}.member-prefill-card small{grid-column:1/-1}.promo-pill{color:#166534;white-space:nowrap;background:#fff;border:1px solid #9fd7ad;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.promo-urgency{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;grid-column:1/-1;align-items:center;gap:9px;padding:10px 12px;display:flex}.promo-urgency svg{color:#ea580c;flex:none}.promo-urgency strong{color:#9a3412;font-size:14px}.promo-urgency span{color:#b45309;font-weight:850}.field{gap:8px;display:grid}.field>span{color:#534a55;font-weight:800}.form-section{border:1px solid #0000;border-radius:8px;padding:16px}.tone-pink{background:#fff6f9;border-color:#efcad8}.tone-cream{background:#fffaf3;border-color:#eadbc8}.required-mark{color:#b42318;margin-left:4px;font-style:normal;font-weight:900}input,textarea,select{color:#2c2730;background:#fff;border:1px solid #e2d7dd;border-radius:8px;width:100%;min-height:44px;padding:10px 12px}textarea{resize:vertical;min-height:90px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.service-questions,.question-builder,.answer-list{gap:12px;display:grid}.service-questions h3,.section-mini-head strong,.answer-list>strong{color:#42343a;margin:0}.question-info,.question-editor,.answer-list{background:#fffafd;border:1px solid #f2d3df;border-radius:8px;padding:12px}.question-info{color:#6f3c52}.question-info span,.section-mini-head span{color:#7b7280;margin-top:4px;font-size:13px;display:block}.question-options{gap:8px;display:grid}.option-pill{background:#fff;border:1px solid #eadce2;border-radius:8px;align-items:center;gap:8px;padding:10px;display:flex}.answer-list p{gap:3px;margin:0;display:grid}.answer-list span{color:#7b7280;font-size:13px}.answer-list em{color:#42343a;font-style:normal}.choice-grid,.date-grid,.slot-grid,.stat-grid{gap:10px;display:grid}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-grid.branches{grid-template-columns:repeat(4,minmax(0,1fr))}.choice,.date-card,.slot{text-align:left;flex-direction:column;align-items:flex-start;width:100%;min-height:84px}.choice{background:#fff;justify-content:flex-start;padding:13px}.branch-choice{flex-direction:row;align-items:center;min-height:64px;padding:12px;display:flex}.choice span{font-weight:900;line-height:1.35}.choice small,.slot small,.date-card span{color:#766e77;font-size:13px;line-height:1.35}.selected{color:#84214e;background:#fbe6ef;border-color:#c94f83}.date-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.calendar-box{background:#f0eeee;border:0;border-radius:8px;padding:10px}.calendar-head{text-align:center;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;margin-bottom:10px;display:grid}.calendar-head div{gap:0;display:grid}.calendar-head strong{color:#1f1b20;font-size:24px;line-height:1.2}.calendar-head span{color:#756c75;font-size:13px}.calendar-nav-button{color:#2c2730;background:0 0;border:0;border-radius:999px;min-height:42px;padding:0;font-size:34px;font-weight:700;line-height:1}.calendar-nav-button:hover{background:#fff;border:0}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calendar-weekdays{color:#2c2730;text-align:center;margin-bottom:4px;font-size:14px;font-weight:800}.calendar-day{aspect-ratio:1/1.34;text-align:center;background:#fff;border:0;border-radius:6px;align-content:start;place-items:start stretch;gap:5px;min-height:78px;padding:6px 4px;display:grid;overflow:hidden}.calendar-day strong{color:#1f1b20;font-size:18px;line-height:1}.calendar-day small{color:#9b929a;align-self:end;font-size:11px}.calendar-day.open{color:#84214e;background:#fff}.calendar-day.closed{color:#9b929a;background:#f7f5f6}.calendar-day.admin-override{background:#fff8e5;border:1px dashed #c58a21}.calendar-day.admin-override small{color:#9a640f;font-weight:900}.calendar-day.empty{box-shadow:none;background:0 0;border-color:#0000}.calendar-day.selected{outline-offset:-3px;outline:3px solid #2f80ed}.calendar-branch-badge{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#5e6fbe;border-radius:5px;padding:4px 5px;font-size:12px;font-weight:800;line-height:1.15;display:block;overflow:hidden}.slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.time-chip-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.time-chip{text-align:center;background:#fff;border:1px solid #e8dce2;border-radius:8px;place-items:center;gap:1px;width:100%;min-height:54px;padding:7px 4px;display:grid}.time-chip strong{font-size:16px;line-height:1.1}.time-chip small{color:#766e77;font-size:11px;line-height:1.1}.time-chip.selected{color:#fff;background:#b12f67;border-color:#b12f67}.time-chip.selected small{color:#ffffffdb}.time-chip:disabled{color:#9b929a;background:#f1eef0}.primary{color:#fff;background:#b12f67;border-color:#b12f67;width:100%;min-height:50px;font-weight:800}.primary:hover{background:#972653;border-color:#972653}.row{border-bottom:1px solid #f0e7eb;justify-content:space-between;align-items:flex-start;gap:16px;padding:11px 0;display:flex}.row span{color:#766e77}.row strong{text-align:right}.note,.muted{color:#756c75}.summary-head{border-bottom:1px solid #f0e7eb;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:12px;display:flex}.summary-head span{font-size:18px;font-weight:900}.summary-head strong{color:#87620d;background:#fff5d7;border-radius:999px;padding:6px 9px;font-size:12px}.error,.ok{border-radius:8px;padding:12px 14px;font-weight:700}.error{color:#a33434;background:#fff0f0;border:1px solid #f4c5c5}.ok{color:#236b31;background:#effaf1;border:1px solid #c8e8ce}.success{text-align:center}.summary{text-align:left;margin:22px 0}.payment-box{background:#fff8fb;border:1px solid #efd2de;border-radius:8px;padding:16px}.payment-box.compact-box{box-shadow:none;margin:12px 0;padding:12px}.payment-box.compact-box h3{font-size:15px}.payment-box.compact-box .summary{margin:8px 0 0}.qr-wrap,.qr-preview{place-items:center;gap:8px;margin:8px 0 14px;display:grid}.qr-wrap img,.qr-preview img{background:#fff;border:1px solid #e8dce2;border-radius:8px;width:100%;max-width:260px;padding:10px}.qr-preview span{color:#756c75;font-size:13px}.admin-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:18px;display:grid}.admin-calendar-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:14px;display:grid}.admin-calendar-head{margin-bottom:8px}.admin-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.admin-calendar-day{background:#fbf9fa;border:1px solid #eee3e7;border-radius:8px;min-height:128px;padding:8px}.admin-calendar-day.empty{background:0 0;border-color:#0000}.admin-calendar-day.has-booking{background:#fff8fb;border-color:#e8b5ca}.admin-calendar-day>strong{margin-bottom:2px;display:block}.admin-calendar-day>small{color:#756c75;margin-bottom:6px;font-size:12px;display:block}.branch-tags{flex-wrap:wrap;gap:4px;margin-bottom:7px;display:flex}.branch-tags span{color:#514850;background:#f3edf1;border:1px solid #e3d6dd;border-radius:999px;padding:3px 6px;font-size:11px;font-weight:800;line-height:1.2}.calendar-bookings{gap:5px;display:grid}.booking-chip{text-align:left;border-color:#efd2de;place-items:start;gap:1px;min-height:0;padding:6px;display:grid}.booking-chip span{color:#8b2452;font-size:12px;font-weight:800}.booking-chip .booking-chip-branch{text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-radius:999px;max-width:100%;padding:2px 6px;font-size:10px;line-height:1.1;overflow:hidden}.booking-chip strong{font-size:12px;line-height:1.25}.booking-chip small{color:#4e454d;font-size:11px;line-height:1.25}.booking-chip.inactive-booking,.mobile-day-cell em.inactive-booking,.quick-calendar-day span.inactive-booking,.quick-booking-row.inactive-booking{color:#555d68;filter:grayscale()}.booking-chip.inactive-booking .booking-chip-branch,.mobile-timeline-event.inactive-booking .mobile-timeline-event-tags span{color:#555d68;background:#e5e7eb;border-color:#a8adb5}.booking-chip.inactive-booking strong,.booking-chip.inactive-booking small,.mobile-timeline-event.inactive-booking strong,.mobile-timeline-event.inactive-booking small,.quick-booking-row.inactive-booking strong,.quick-booking-row.inactive-booking span,.quick-booking-row.inactive-booking small{color:#555d68}.booking-detail-panel{position:sticky;top:18px}.admin-sidebar{background:#fff;border:1px solid #eee3e7;border-radius:8px;gap:8px;padding:10px;display:grid;position:sticky;top:18px}.admin-side-link{color:#6f294b;border:1px solid #eadfe2;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;min-height:44px;padding:8px 10px;font-weight:800;text-decoration:none;display:inline-flex}.admin-side-link:hover{background:#fff4f8}.admin-sidebar button{justify-content:flex-start}.admin-sidebar button.active{color:#8b2452;background:#f7dfea;border-color:#d88aac}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.stat{background:#faf7f9;border:1px solid #efe4e9;border-radius:8px;padding:14px}.stat span{color:#756c75;font-size:13px;display:block}.stat strong{font-size:28px;line-height:1.1;display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar.wrap{flex-wrap:wrap}.search{border:1px solid #e2d7dd;border-radius:8px;align-items:center;gap:8px;width:100%;max-width:460px;padding:0 12px;display:flex}.search input{border:0;padding-left:0}.booking-list{gap:12px;display:grid}.empty-state-card{color:#71646b;border:1px dashed #d8cbd1;border-radius:8px;gap:6px;padding:18px;display:grid}.empty-state-card strong{color:#713557}.booking-card{border:1px solid #eee3e7;border-radius:8px;grid-template-columns:minmax(0,1fr) 180px;gap:14px;padding:16px;display:grid}.booking-card h3{margin:4px 0}.booking-card p{margin-bottom:6px}.actions{align-content:start;gap:8px;display:grid}.reschedule-box{background:#fff8fb;border:1px solid #efd3df;border-radius:8px;gap:10px;margin-top:14px;padding:12px;display:grid}.reschedule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reschedule-box button{justify-content:center;margin-top:0}.danger-button{color:#a82443;border-color:#e2a6b4}.danger-button:hover{background:#fff1f4;border-color:#c94f63}.danger-button.wide{justify-content:center;width:100%;margin-top:12px}.badge{text-align:center;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800;display:inline-block}.pending_confirmation{color:#87620d;background:#fff5d7}.confirmed{color:#206b35;background:#dcf7e3}.need_reschedule{color:#3c4188;background:#eef0ff}.cancelled{color:#716671;background:#f0ecef}.waiting_transfer{color:#87620d;background:#fff5d7}.pending_review{color:#3c4188;background:#eef0ff}.paid{color:#206b35;background:#dcf7e3}.schedule-manager,.schedule-grid{gap:14px;display:grid}.schedule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.soft-panel button{margin-top:10px}.service-form,.service-list{gap:14px;display:grid}.service-edit-grid,.service-form{grid-template-columns:repeat(3,minmax(0,1fr))}.service-edit-grid{gap:12px;display:grid}.branch-color-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:12px;display:grid}.branch-color-grid label{border:1px solid #eadfe2;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.branch-color-grid span{color:#6f294b;font-weight:800}.branch-color-grid input{background:0 0;border:0;width:52px;height:34px}.check-row{align-items:center;gap:8px;min-height:44px;display:inline-flex}.slot-toggle-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.slot-toggle{color:#857b84;min-height:48px}.slot-toggle.on{color:#84214e;background:#fbe6ef;border-color:#c94f83;font-weight:800}.admin-note-box{background:#fbf9fa;border:1px solid #eadfe2;border-radius:8px;gap:10px;margin-top:12px;padding:12px;display:grid}.admin-history-box{border-top:1px solid #eadfe2;gap:10px;margin-top:12px;padding-top:12px;display:grid}.history-row{border:1px solid #eadfe2;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.history-row div{gap:3px;min-width:0;display:grid}.history-row strong,.history-row span,.history-row small{overflow-wrap:anywhere}.history-row span,.history-row small{color:#6f6570;font-size:12px}.admin-note-box label,.quick-branch-card form{gap:10px;display:grid}.admin-estimate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-note-box span{color:#6f294b;font-size:13px;font-weight:800}.admin-note-box textarea{resize:vertical;min-height:86px}.admin-estimate-grid input{width:100%;font:inherit;border:1px solid #eadfe2;border-radius:8px;padding:10px}.quick-manager{gap:14px;display:grid}.quick-hero-panel{background:#fff8fb;border:1px solid #efd2de;border-radius:8px;padding:18px}.quick-hero-panel span{color:#a52e61;font-size:12px;font-weight:900}.quick-hero-panel h2{margin:4px 0 6px;font-size:26px}.quick-hero-panel p,.quick-section-head p{margin-bottom:0}.quick-service-list,.quick-branch-grid{gap:10px;display:grid}.quick-service-card{border:1px solid #eadfe2;border-radius:8px;grid-template-columns:42px minmax(0,1fr) 54px 44px 44px 78px;align-items:center;gap:10px;padding:10px;display:grid}.quick-service-order{color:#8b2452;background:#f7dfea;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:inline-flex}.quick-service-main{gap:2px;min-width:0;display:grid}.quick-service-main strong,.quick-service-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-service-main span{color:#756c75;font-size:13px}.quick-color,.quick-add-grid input[type=color],.quick-branch-form input[type=color]{border:0;width:54px;height:42px;padding:0}.quick-switch{border:1px solid #eadfe2;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:6px;display:inline-flex}.quick-switch span{font-size:13px;font-weight:800}.quick-add-grid,.quick-branch-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.quick-branch-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.quick-branch-card{gap:16px;display:grid}.quick-branch-title{align-items:center;gap:10px;display:flex}.quick-branch-title span{border-radius:999px;width:18px;height:18px;display:block}.quick-branch-title h3,.quick-day-editor h4{margin:0}.quick-day-editor{border-top:1px solid #eadfe2;gap:10px;padding-top:14px;display:grid}.quick-slot-strip{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px;max-height:220px;padding-right:2px;display:grid;overflow:auto}.quick-slot-strip .slot-toggle{min-height:40px;padding:6px}.mobile-calendar-admin{max-width:720px;min-height:100dvh;padding:max(4px, env(safe-area-inset-top)) 4px max(4px, env(safe-area-inset-bottom));background:#e6e6e9;margin:0 auto}.mobile-calendar-shell{gap:6px;min-height:calc(100dvh - 16px);display:grid}.mobile-calendar-header{color:#111;background:#e6e6e9;border-radius:0;justify-content:space-between;align-items:center;min-height:58px;padding:4px 6px;display:flex}.mobile-calendar-header button{color:#111;background:0 0;border:0;justify-content:center;align-items:center;width:42px;height:42px;margin:0;padding:0;display:inline-flex}.mobile-calendar-header button:first-child{font-size:34px;font-weight:700}.mobile-calendar-header h2{flex:1;margin:0;padding-left:8px;font-size:25px;font-weight:700}.mobile-today-button{position:relative}.mobile-today-button b{font-size:10px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.mobile-calendar-controls{grid-template-columns:40px minmax(0,1fr) 92px 40px;align-items:center;gap:4px;display:grid}.mobile-calendar-controls button{background:0 0;border:0;min-height:38px;padding:0;font-size:30px}.mobile-calendar-controls select{background:#f7f7f8;border:1px solid #d4d4d7;min-height:38px;padding:5px 8px}.mobile-calendar-controls strong{color:#3f3038;text-align:center;font-size:19px}.mobile-view-switch{background:#fff;border:1px solid #e1d6dc;border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;display:grid}.mobile-view-switch button{border:0;justify-content:center;min-height:38px;margin:0}.mobile-view-switch button.active{color:#fff;background:#8f2755}.mobile-month-card,.mobile-day-agenda{background:#e6e6e9;border:0;border-radius:8px;padding:0}.mobile-calendar-weekdays,.mobile-month-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.mobile-calendar-weekdays span{color:#81727b;text-align:center;padding:0 0 6px;font-size:11px;font-weight:900}.mobile-month-grid{gap:3px}.mobile-day-view-grid{grid-template-columns:1fr;display:grid}.mode-week .mobile-day-cell{min-height:clamp(148px,62dvh,520px)}.mode-day .mobile-day-cell{min-height:clamp(360px,68dvh,680px)}.mode-week .mobile-day-cell em,.mode-day .mobile-day-cell em,.mode-week .mobile-day-cell .mobile-day-branch,.mode-day .mobile-day-cell .mobile-day-branch{padding:5px 7px;font-size:13px}.mobile-day-cell{color:#443740;text-align:left;background:#fbfbfc;border:1px solid #dddddf;border-radius:8px;align-content:start;justify-items:stretch;gap:2px;min-height:clamp(88px,13.6dvh,138px);padding:5px 3px;display:grid;position:relative;overflow:hidden}.mobile-day-cell.empty{background:0 0;border-color:#0000}.mobile-day-cell strong{color:#111;text-align:center;font-size:18px;line-height:1}.mobile-day-cell .mobile-day-branch{text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-radius:5px;padding:3px;font-size:10px;font-weight:900;line-height:1.1;overflow:hidden}.mobile-day-cell em{text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-radius:5px;padding:2px 3px;font-size:9.5px;font-style:normal;font-weight:800;line-height:1.1;display:block;overflow:hidden}.mobile-day-cell small{color:#6b6068;text-align:center;font-size:10px;font-weight:900}.mobile-day-cell.today{border-color:#8f2755}.mobile-day-cell.selected{background:#fff0f6;border-color:#c94f83;box-shadow:inset 0 0 0 1px #c94f83}.mobile-day-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mobile-day-title div{gap:2px;display:grid}.mobile-day-title strong{color:#3f3038;font-size:18px}.mobile-day-title span{color:#756c75;font-size:12px;font-weight:800}.mobile-create-booking{background:#fbfbfc;border:1px solid #d4d4d7;border-radius:8px;margin-bottom:10px;padding:8px}.mobile-create-booking-toggle{color:#fff;background:#8f2755;border:0;justify-content:center;align-items:center;width:100%;min-height:44px;margin:0;font-weight:900;display:inline-flex}.mobile-create-booking form{gap:10px;display:grid}.mobile-create-booking-head{justify-content:space-between;align-items:center;display:flex}.mobile-create-booking-head strong{color:#3f3038;font-size:16px}.mobile-create-booking-head button{color:#8f2755;background:0 0;border:0;min-height:36px;margin:0;padding:0 6px;font-weight:900}.mobile-day-title button{margin:0}.mobile-day-agenda{z-index:18;border-radius:14px 14px 0 0;width:100%;max-width:980px;max-height:78dvh;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 -14px 34px #1c0f1633}.mobile-agenda-screen{min-height:calc(100dvh - 16px)}.mobile-agenda-page{background:#e6e6e9;border:0;border-radius:8px;align-content:start;gap:12px;min-height:calc(100dvh - 72px);padding:0;display:grid}.mobile-agenda-page .mobile-day-title{background:#fff;border:1px solid #e8dce2;border-radius:8px;margin:0;padding:10px}.mobile-agenda-page .mobile-day-title select{max-width:150px}.mobile-branch-plan-editor{background:#fff;border:1px solid #dedee2;border-radius:8px;gap:8px;padding:10px;display:grid}.mobile-branch-plan-editor>div:first-child{gap:2px;display:grid}.mobile-branch-plan-editor strong{color:#1f1f21;font-size:15px}.mobile-branch-plan-editor span{font-size:12px;font-weight:800}.mobile-branch-plan-editor>div:first-child span{color:#756c75}.mobile-branch-plan-buttons{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:6px;display:grid}.mobile-branch-plan-buttons button{text-align:left;border:1px solid;border-radius:8px;align-items:start;gap:2px;min-height:54px;margin:0;padding:8px;display:grid}.mobile-branch-plan-buttons button:not(.active){color:#6b6068;background:#f7f7f8}.mobile-branch-plan-buttons button small{font-size:11px;font-weight:900}.mobile-branch-agenda-list,.mobile-branch-agenda-group{gap:10px;display:grid}.mobile-branch-agenda-group h3{border:1px solid;border-radius:8px;margin:0;padding:8px 10px;font-size:17px}.mobile-day-timeline{background:#e6e6e9;border-radius:0;gap:0;display:grid;overflow:hidden}.mobile-day-timeline>.note{background:#fff;margin:0;padding:18px}.mobile-timeline-row{grid-template-columns:58px minmax(0,1fr);min-height:86px;display:grid}.mobile-timeline-row>time{color:#1f1f21;text-align:right;padding:9px 6px 0 0;font-size:14px}.mobile-timeline-row>div{background:#fbfbfc;border-bottom:1px solid #dedee2;border-left:1px solid #dedee2;gap:6px;min-width:0;padding:6px;display:grid}.mobile-timeline-event-wrap{border-left-width:6px;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;min-height:70px;margin:0;padding:8px 10px;display:grid}.mobile-timeline-event-wrap.active{box-shadow:0 0 0 2px #23232329}.mobile-timeline-event{text-align:left;background:0 0;border:0;place-items:start;gap:4px;min-width:0;min-height:0;padding:0;display:grid}.mobile-timeline-inbox-link{color:#fff;white-space:nowrap;background:#1d4ed8;border-radius:999px;align-self:center;align-items:center;gap:4px;min-height:34px;padding:7px 10px;font-size:13px;font-weight:950;text-decoration:none;display:inline-flex}.mobile-timeline-event-tags{flex-wrap:wrap;gap:4px;min-width:0;max-width:100%;display:flex}.mobile-timeline-event-tags span{text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-radius:999px;max-width:100%;padding:2px 7px;font-size:11px;font-weight:900;line-height:1.1;overflow:hidden}.mobile-timeline-event strong,.mobile-timeline-event small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mobile-timeline-event strong{color:#202124;font-size:18px;line-height:1.15}.mobile-timeline-event small{color:#4d454c;font-size:16px;font-weight:800}.mobile-agenda-list{gap:8px;display:grid}.mobile-agenda-item{text-align:left;border-left-width:6px;border-radius:8px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;padding:11px;display:grid}.mobile-agenda-item.active{box-shadow:0 0 0 2px #8f27552e}.mobile-agenda-item time{color:#8f2755;font-size:17px;font-weight:900}.mobile-agenda-item>span{gap:2px;min-width:0;display:grid}.mobile-agenda-item strong{color:#2f252b;text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.mobile-agenda-item small{color:#685d65;flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;line-height:1.25;display:flex}.mobile-branch-name{border:1px solid;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:900;line-height:1.1}.mobile-agenda-item b{color:#8f2755;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;grid-column:2;justify-self:start;max-width:100%;padding:4px 8px;font-size:11px;overflow:hidden}.mobile-booking-sheet{max-width:720px;max-height:82dvh;padding:10px 14px calc(14px + env(safe-area-inset-bottom));z-index:22;background:#fff;border:1px solid #eadfe2;border-radius:16px 16px 0 0;gap:12px;width:100%;display:grid;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 -14px 34px #1c0f1633}.mobile-pin-login{margin-top:14px}.mobile-gmail-fallback{color:#8f2755;margin-top:12px;font-size:13px;font-weight:800;display:inline-block}.mobile-sheet-handle{background:#d8c7d0;border-radius:999px;justify-self:center;width:54px;height:4px}.mobile-sheet-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.mobile-sheet-header time{color:#8f2755;font-size:13px;font-weight:900}.mobile-sheet-header h3{margin:2px 0;font-size:22px}.mobile-sheet-header p,.mobile-note{color:#685d65;margin:0}.mobile-call-card{background:#fff0f6;border:1px solid #f0c8d8;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.mobile-call-card a{color:#fff;background:#0f766e;border-radius:999px;padding:11px 16px;font-size:18px;font-weight:900;text-decoration:none}.mobile-call-card a.mobile-inbox-link{white-space:nowrap;background:#1d4ed8;gap:6px;display:inline-flex}.mobile-call-card span{color:#8f2755;font-size:13px;font-weight:900}.mobile-booking-facts,.mobile-edit-grid,.mobile-sheet-actions{gap:8px;display:grid}.mobile-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-edit-grid label,.mobile-edit-grid select,.mobile-edit-grid input{min-width:0}.mobile-booking-sheet textarea{min-height:78px}.quick-status-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0;display:grid}.quick-status-actions button{color:#8f2755;background:#fff;border:1px solid #efc1ce;border-radius:8px;min-height:38px;padding:8px 10px;font-size:13px;font-weight:900}.quick-status-actions button.active{color:#fff;background:#c94f83;border-color:#c94f83}.mobile-sheet-actions{grid-template-columns:minmax(0,1fr) 110px;position:sticky;bottom:0}.mobile-toast{color:#fff;left:50%;top:max(12px, env(safe-area-inset-top));z-index:30;background:#0f766e;border-radius:999px;padding:10px 16px;font-weight:900;position:fixed;transform:translate(-50%)}@media (width<=860px){.app{padding:14px}.booking-hero{min-height:360px}.booking-hero:after{background:linear-gradient(#fffffffa 0%,#fffaf8f0 56%,#ffffff14)}.booking-hero img{object-position:76% bottom}.booking-hero-content{align-content:start;padding:24px}.booking-hero h2{max-width:15ch;font-size:30px}.booking-hero p{font-size:15px}.topbar,.layout,.admin-layout,.admin-calendar-layout,.booking-card{grid-template-columns:1fr;display:grid}.side-panel,.admin-sidebar{position:static}nav,.admin-sidebar{width:100%}.choice-grid,.availability-toolbar,.branch-availability-grid,.availability-detail,.availability-next-step,.form-grid,.member-prefill-card,.date-grid,.slot-grid,.stat-grid,.schedule-grid,.slot-toggle-grid,.reschedule-grid,.service-edit-grid,.service-form,.quick-add-grid,.quick-branch-form{grid-template-columns:1fr}.quick-service-card{grid-template-columns:34px minmax(0,1fr) 48px 42px 42px}.quick-service-card .quick-switch{grid-column:2/-1;justify-content:flex-start}.quick-branch-grid{grid-template-columns:1fr}.choice-grid.branches{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-step{flex-basis:calc(50% - 8px)}.row{gap:4px;display:grid}.row strong{text-align:left}.calendar-head{grid-template-columns:38px minmax(0,1fr) 38px}.calendar-day{min-height:70px;padding:4px}.admin-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.admin-calendar-day.empty{display:block}.booking-detail-panel{position:static}.admin-calendar-layout{gap:10px}.admin-calendar-layout>.soft-panel:first-child{margin-left:-10px;margin-right:-10px;padding:8px}.admin-calendar-head{grid-template-columns:40px minmax(0,1fr) 40px}.admin-calendar-head button{min-height:38px;padding:6px}.admin-calendar-head strong{font-size:22px}.admin-calendar-head span{display:none}.admin-calendar-day{border-radius:6px;min-height:112px;padding:4px;overflow:hidden}.admin-calendar-day>strong{text-align:center;margin-bottom:3px;font-size:17px;line-height:1}.admin-calendar-day>small{display:none}.admin-calendar-day .branch-tags{gap:2px;margin-bottom:4px}.admin-calendar-day .branch-tags span{text-overflow:ellipsis;white-space:nowrap;border-radius:5px;max-width:100%;padding:2px 3px;font-size:9px;line-height:1.05;display:block;overflow:hidden}.calendar-bookings{gap:2px}.booking-chip{border-radius:5px;min-height:0;padding:3px;font-size:9.5px;line-height:1.1;overflow:hidden}.booking-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}}@media (width<=520px){.app{padding:8px}.topbar{margin-bottom:10px}.booking-hero{min-height:220px}.booking-hero-content{padding:18px}.booking-hero h2{max-width:16ch;font-size:24px}.booking-hero p{font-size:14px}.booking-step{flex-basis:100%}.panel,.side-panel,.success,.soft-panel,.form-section{padding:14px}.choice-grid,.slot-grid{gap:8px}.time-chip-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.time-chip{min-height:48px;padding:6px 3px}.time-chip strong{font-size:15px}.time-chip small{font-size:10px}.branch-choice{min-height:54px;padding:10px}.branch-choice svg{width:16px;height:16px}.branch-choice span{font-size:16px}.choice:not(.branch-choice){min-height:74px;padding:11px}.calendar-box{margin-left:-4px;margin-right:-4px;padding:8px}.calendar-head button{min-height:38px}.calendar-day strong{font-size:16px}.calendar-day small{font-size:10px}.calendar-head strong{font-size:22px}.calendar-branch-badge{padding:3px 4px;font-size:10px}.admin-calendar-layout>.soft-panel:first-child{border-left:0;border-right:0;border-radius:0;margin-left:-8px;margin-right:-8px;padding:6px}.admin-calendar-grid{gap:3px}.admin-calendar-day{min-height:106px;padding:3px}.admin-calendar-day>strong{font-size:16px}.admin-calendar-day .branch-tags span,.booking-chip{font-size:8.8px}.quick-hero-panel h2{font-size:22px}.quick-service-card{padding:8px}}