@font-face{font-family:Mabry Pro;src:url(/fonts/MabryPro-Regular.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Mabry Pro;src:url(/fonts/MabryPro-Medium.otf)format("opentype");font-style:normal;font-weight:500;font-display:swap}:root{--brand:#017acd;--brand-hover:#006bb4;--brand-soft:#e7f4fb;--on-surface:#1a1a1a;--on-surface-variant:#666;--on-surface-low:#b2b2b2;--on-surface-inverse:#fff;--outline:#e0e0e0;--surface:#fff;--surface-container:#f5f5f5;--surface-dim:#ebebeb;--surface-inverse:#1a1a1a;--success:#12805c;--success-soft:#e9f7f2;--danger:#b42318;--danger-soft:#fff0ee;--shadow-card:0 12px 32px #0f2e411a}*{box-sizing:border-box}html{background:var(--surface-container);min-width:320px}body{color:var(--on-surface);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;font-family:Mabry Pro,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.42}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 28%, transparent);outline-offset:2px}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.logo{color:var(--on-surface);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.logoWordmark{object-fit:contain;flex:none;width:64px;height:48px;display:block}.logoLabel{letter-spacing:-.01em;font-size:17px;font-weight:400}.bookingPage .logoWordmark,.confirmationPage .logoWordmark,.adminSidebar .logoWordmark{filter:brightness(0)invert()}.eyebrow{color:var(--on-surface-variant);letter-spacing:.045em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:500}.formError{background:var(--danger-soft);color:var(--danger);border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.primaryButton,.secondaryButton,.dangerButton,.textButton{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.primaryButton{background:var(--brand);color:var(--on-surface-inverse);box-shadow:0 4px 12px #017acd2e}.primaryButton:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 6px 16px #017acd3d}.primaryButton:disabled{opacity:.55;cursor:wait;box-shadow:none;transform:none}.secondaryButton{border-color:var(--outline);background:var(--surface);color:var(--on-surface)}.secondaryButton:hover{border-color:var(--on-surface-low);background:var(--surface-container)}.dangerButton{background:var(--surface);color:var(--danger);border-color:#f0c9c4}.dangerButton:hover{background:var(--danger-soft)}.textButton{min-height:36px;color:var(--on-surface-variant);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.textButton:hover{color:var(--on-surface)}.small{border-radius:8px;min-height:38px;padding:0 13px;font-size:13px}.iconButton{border:1px solid var(--outline);background:var(--surface);width:38px;height:38px;color:var(--on-surface-variant);cursor:pointer;border-radius:9px;flex:0 0 38px;place-items:center;text-decoration:none;transition:all .16s;display:grid}.iconButton:hover{border-color:var(--on-surface-low);background:var(--surface-container);color:var(--brand)}.iconButton.danger{color:var(--danger)}.bookingPage{background:var(--brand);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex}.publicHeader{align-items:center;width:min(956px,100%);min-height:76px;margin:0 auto 18px;display:flex}.bookingPage .publicHeader .logo,.confirmationPage .publicHeader .logo{color:var(--on-surface-inverse)}.bookerCard{border:1px solid var(--outline);background:var(--surface);width:min-content;max-width:100%;min-height:520px;box-shadow:var(--shadow-card);border-radius:13px;grid-template-columns:282px 478px;margin:0;transition:width .2s;display:grid;overflow:hidden}.bookerCardExpanded{grid-template-columns:282px 430px 244px}.eventPanel{border-right:1px solid var(--outline);background:var(--surface);padding:28px 26px}.profilePhoto{object-fit:cover;border-radius:50%;width:36px;height:36px;margin-bottom:9px;display:block}.eventPanel h1{color:var(--on-surface);letter-spacing:-.018em;margin:0 0 12px;font-size:24px;font-weight:500;line-height:1.17}.eventDescription{color:var(--on-surface-variant);margin:0;font-size:13px;line-height:1.55}.durationPicker{min-height:38px;color:var(--on-surface-variant);align-items:center;gap:10px;margin-top:24px;font-size:13px;display:flex}.durationPicker>svg{color:var(--on-surface-variant);flex:none}.durationButtons{border:1px solid var(--outline);border-radius:8px;display:inline-flex;overflow:hidden}.durationButtons button{border:0;border-left:1px solid var(--outline);background:var(--surface);min-width:52px;height:36px;color:var(--on-surface);cursor:pointer;padding:0 12px}.durationButtons button:first-child{border-left:0}.durationButtons button:hover{background:var(--surface-container)}.durationButtons button.active{background:var(--on-surface);color:var(--on-surface-inverse)}.eventMeta{color:var(--on-surface-variant);gap:12px;margin-top:12px;font-size:13px;display:grid}.eventMeta span{align-items:center;gap:10px;display:flex}.eventMeta svg{color:var(--brand)}.googleMeetLogo{background:url(/google-meet-logo.png) 50%/contain no-repeat;flex:0 0 17px;width:17px;height:17px;display:block}.calendarPanel{background:var(--surface);min-width:0;padding:27px 28px 22px;position:relative;overflow:hidden}.calendarHeading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.calendarHeading h2,.slotsHeader h2,.detailsPanel h2{color:var(--on-surface);letter-spacing:-.012em;margin:0;font-size:17px;font-weight:500}.calendarHeading button{width:32px;height:32px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:grid}.calendarHeading button:hover{border-color:var(--outline);background:var(--surface-container);color:var(--brand)}.weekHeader,.monthGrid{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.weekHeader{color:var(--on-surface-low);letter-spacing:.065em;margin-bottom:9px;font-size:10px;font-weight:500}.monthGrid{row-gap:5px}.monthGrid button{width:42px;height:42px;color:var(--on-surface-low);cursor:default;background:0 0;border:0;border-radius:9px;margin:auto;font-size:13px}.monthGrid button.availableDay{background:var(--brand-soft);color:var(--brand);cursor:pointer;font-weight:500}.monthGrid button.availableDay:hover{background:color-mix(in srgb, var(--brand) 18%, white);transform:translateY(-1px)}.monthGrid button.selectedDay{background:var(--brand);color:var(--on-surface-inverse);box-shadow:none}.monthGrid button.today:not(.selectedDay){box-shadow:inset 0 0 0 1.5px var(--brand)}.monthGrid button:disabled{opacity:.42}.calendarLoading{z-index:2;background:var(--surface);align-items:start;display:grid;position:absolute;inset:104px 28px 70px}.calendarSkeleton{grid-template-columns:repeat(7,1fr);row-gap:5px;width:100%;display:grid}.calendarSkeleton span{background:linear-gradient(100deg, var(--surface-container) 30%, var(--surface-dim) 48%, var(--surface-container) 66%);background-size:250% 100%;border-radius:9px;width:42px;height:42px;margin:auto;animation:1.15s ease-in-out infinite calendarSkeletonPulse}.calendarSkeleton span:nth-child(7n),.calendarSkeleton span:nth-child(7n+1){opacity:.52}.timezonePicker{min-width:0;margin-top:20px;position:relative}.timezoneTrigger{width:100%;min-height:34px;color:var(--brand);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 6px 5px 0;display:grid}.timezoneTrigger:hover{background:var(--surface-container)}.timezoneTrigger span{color:var(--on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.timezoneTrigger svg:last-child{color:var(--on-surface-variant);transition:transform .16s}.timezoneTrigger svg:last-child.open{transform:rotate(180deg)}.timezoneMenu{z-index:20;border:1px solid var(--outline);background:var(--surface);border-radius:10px;gap:8px;padding:8px;display:grid;position:fixed;box-shadow:0 12px 28px #0f2e4124}.timezoneSearch{border:1px solid var(--outline);color:var(--on-surface-low);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.timezoneSearch:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 12%, transparent)}.timezoneSearch input{min-width:0;height:36px;box-shadow:none;border:0;padding:0;font-size:12px}.timezoneSearch input:focus{box-shadow:none}.timezoneOptions{overscroll-behavior:contain;gap:2px;max-height:210px;display:grid;overflow-y:auto}.timezoneOptions button{min-height:34px;color:var(--on-surface-variant);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:12px}.timezoneOptions button:hover,.timezoneOptions button.selected{background:var(--brand-soft);color:var(--brand)}.timezoneOptions p{color:var(--on-surface-low);text-align:center;margin:10px;font-size:12px}@keyframes calendarSkeletonPulse{0%{background-position:100% 0}to{background-position:-100% 0}}.slotsPanel{border-left:1px solid var(--outline);background:var(--surface);min-width:0;padding:27px 14px 18px}.slotsHeader{margin:0 2px 15px}.slotsHeader span{color:var(--on-surface-low);margin-top:5px;font-size:11px;display:block}.slotList{gap:7px;max-height:440px;padding-right:3px;display:grid;overflow-y:auto}.slotList button{border:1px solid var(--outline);background:var(--surface);min-height:41px;color:var(--on-surface);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;font-weight:400;transition:all .16s;display:flex}.slotList button svg{color:var(--brand)}.slotList button:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px);box-shadow:0 5px 14px #017acd1a}.detailsPanel{background:var(--surface);width:620px;padding:30px 36px}.backButton{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:0 0 26px -7px;font-size:13px;font-weight:500;display:flex}.backButton:hover{color:var(--brand)}.selectedTime{background:var(--brand-soft);color:var(--on-surface);border-radius:10px;align-items:center;gap:10px;margin:17px 0 28px;padding:13px 14px;font-size:13px;display:flex}.selectedTime svg{color:var(--brand)}.bookingForm,.loginForm,.settingsForm{gap:18px;display:grid}.bookingForm label,.loginForm label,.editorCard label,.settingsForm label,.blockForm label{color:var(--on-surface);gap:8px;font-size:13px;font-weight:500;display:grid}.requiredMark{color:var(--danger)}input,textarea,select{border:1px solid var(--outline);background:var(--surface);width:100%;color:var(--on-surface);border-radius:9px;outline:none;padding:11px 12px;transition:border-color .15s,box-shadow .15s,background .15s}input:hover,textarea:hover,select:hover{border-color:var(--on-surface-low)}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 12%, transparent)}input:disabled,input:read-only,textarea:read-only{background:var(--surface-container);color:var(--on-surface-variant)}textarea{resize:vertical}.privacyCopy{color:var(--on-surface-low);text-align:center;margin:-6px 0 0;font-size:10px;line-height:1.5}.publicFooter{justify-content:center;align-items:center;margin-top:16px;display:flex}.publicFooter .logoWordmark{width:54px;height:40px}.rescheduleNotice{border:1px solid color-mix(in srgb, var(--brand) 24%, white);background:var(--brand-soft);color:var(--on-surface-variant);border-radius:10px;gap:3px;margin-top:20px;padding:12px 13px;font-size:12px;display:grid}.rescheduleNotice strong{color:var(--brand)}.confirmationPage{background:var(--brand);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex}.confirmationCard{border:1px solid var(--outline);background:var(--surface);text-align:center;width:min(520px,100%);box-shadow:var(--shadow-card);border-radius:13px;margin:0;padding:42px 40px}.confirmationIcon{background:var(--brand-soft);width:58px;height:58px;color:var(--brand);border-radius:50%;place-items:center;margin:0 auto 21px;display:grid}.confirmationIcon.cancelled{background:var(--surface-dim);color:var(--on-surface-variant)}.confirmationCard h1{letter-spacing:-.015em;margin:0 0 9px;font-size:27px;font-weight:500}.confirmationCard>p:not(.eyebrow){color:var(--on-surface-variant);margin:0;font-size:13px}.confirmationDetails{border:1px solid color-mix(in srgb, var(--brand) 18%, white);background:var(--brand-soft);text-align:left;border-radius:10px;gap:13px;margin:28px 0 0;padding:17px 18px;display:grid}.confirmationDetails span{color:var(--on-surface-variant);align-items:center;gap:11px;font-size:13px;display:flex}.confirmationDetails svg{color:var(--brand);flex:none}.confirmationDetails a{color:var(--brand);font-weight:500}.cancelArea{gap:12px;margin-top:24px;display:grid}.cancelArea>div{justify-content:center;align-items:center;gap:14px;display:flex}.loginPage{background:var(--brand);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.loginPage:before,.loginPage:after{content:"";background:#ffffff14;border-radius:50%;position:absolute}.loginPage:before{width:520px;height:520px;top:-250px;right:-120px}.loginPage:after{width:360px;height:360px;bottom:-190px;left:-90px}.loginCard{z-index:1;background:var(--surface);border:1px solid #ffffff4d;border-radius:20px;gap:34px;width:min(440px,100%);padding:40px;display:grid;position:relative;box-shadow:0 24px 70px #002a4640}.loginCard h1{letter-spacing:-.015em;margin:0 0 10px;font-size:29px;font-weight:500;line-height:1.18}.loginCard p:not(.eyebrow){color:var(--on-surface-variant);margin:0;font-size:14px;line-height:1.55}.googleButton span{background:var(--surface);color:#4285f4;border-radius:50%;place-items:center;width:23px;height:23px;font:700 13px Arial;display:grid}.loginHint{text-align:center;color:var(--on-surface-low)!important;font-size:12px!important}.adminShell{background:var(--surface-container);grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.adminSidebar{background:var(--brand);height:100vh;color:var(--on-surface-inverse);flex-direction:column;padding:26px 18px 22px;display:flex;position:sticky;top:0}.adminSidebar .logo{color:var(--on-surface-inverse);margin:0 10px 40px}.adminSidebar nav{gap:5px;display:grid}.adminSidebar nav button,.logoutButton{color:#ffffffc2;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 13px;font-size:13px;font-weight:400;transition:all .16s;display:flex}.adminSidebar nav button:hover,.logoutButton:hover{color:var(--on-surface-inverse);background:#ffffff1a}.adminSidebar nav button.active{background:var(--surface);color:var(--brand);font-weight:500;box-shadow:0 6px 18px #003e682e}.logoutButton{margin-top:auto}.adminMain{width:100%;max-width:1200px;margin:0 auto;padding:44px 52px 84px}.adminHeader{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.adminHeader h1{color:var(--on-surface);letter-spacing:-.015em;margin:0;font-size:30px;font-weight:500;line-height:1.15}.adminHeader .eyebrow{color:var(--brand)}.statusPill{border:1px solid var(--outline);background:var(--surface);max-width:320px;color:var(--on-surface-variant);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.statusPill span{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 3px var(--success-soft);border-radius:50%;flex:0 0 8px}.adminSection{gap:21px;display:grid}.sectionHeader{justify-content:space-between;align-items:flex-end;gap:24px;margin-top:7px;display:flex}.sectionHeader h2{color:var(--on-surface);letter-spacing:-.01em;margin:0 0 5px;font-size:18px;font-weight:500}.sectionHeader p{color:var(--on-surface-variant);margin:0;font-size:12px;line-height:1.55}.toast{z-index:10;background:var(--surface);border:1px solid;border-radius:11px;align-items:center;gap:10px;padding:13px 16px;font-size:13px;font-weight:500;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 14px 40px #1a1a1a26}.toast.success{color:var(--success);border-color:#bfe6d7}.toast.error{color:var(--danger);border-color:#f0c9c4}.toast button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:10px;font-size:20px}.eventCards{gap:13px;display:grid}.eventCard{border:1px solid var(--outline);background:var(--surface);border-radius:13px;align-items:center;gap:13px;min-height:88px;padding:17px 17px 17px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 10px #1a1a1a06}.eventAccent{background:var(--brand);width:5px;position:absolute;inset:0 auto 0 0}.eventSummary{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.eventIcon{background:var(--brand-soft);width:44px;height:44px;color:var(--brand);border-radius:11px;place-items:center;display:grid}.eventTitleRow{align-items:center;gap:9px;display:flex}.eventSummary h3{color:var(--on-surface);margin:0;font-size:14px}.eventSummary p{color:var(--on-surface-variant);margin:4px 0 0;font-size:12px}.draftBadge,.connectedBadge,.bookingStatus{background:var(--surface-dim);color:var(--on-surface-variant);text-transform:capitalize;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;font-weight:500;display:inline-flex}.editorCard,.settingsCard,.integrationCard,.infoCard{border:1px solid var(--outline);background:var(--surface);border-radius:13px;gap:21px;padding:25px;display:grid;box-shadow:0 3px 10px #1a1a1a05}.editorCard{border-top:4px solid var(--brand)}.editorHeading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.editorHeading h3,.integrationCard h3,.infoCard h3{color:var(--on-surface);margin:0 0 5px;font-size:15px}.editorHeading p,.integrationCard p{color:var(--on-surface-variant);margin:0;font-size:12px}.formGrid{gap:17px;display:grid}.formGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.formGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.formGrid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.durationEditor{gap:9px;display:grid}.durationEditor>span{color:var(--on-surface);font-size:13px;font-weight:500}.durationEditor>div{flex-wrap:wrap;gap:8px;display:flex}.durationEditor button{border:1px solid var(--outline);background:var(--surface);min-height:38px;color:var(--on-surface-variant);cursor:pointer;border-radius:8px;padding:0 13px;font-size:13px}.durationEditor button:hover{border-color:var(--on-surface-low);background:var(--surface-container)}.durationEditor button.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:500}.slugInput,.numberInput,.colorInput{border:1px solid var(--outline);background:var(--surface);border-radius:9px;align-items:center;transition:all .15s;display:flex;overflow:hidden}.slugInput:focus-within,.numberInput:focus-within,.colorInput:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 12%, transparent)}.slugInput>span{color:var(--on-surface-low);padding-left:12px}.slugInput input,.numberInput input,.colorInput input{box-shadow:none;border:0;border-radius:0}.numberInput span{color:var(--on-surface-low);padding-right:11px;font-size:11px;font-weight:400}.colorInput input[type=color]{width:50px;height:42px;padding:6px}.switchLabel,.dayToggle{cursor:pointer;align-items:center;gap:9px!important;display:flex!important}.switchLabel input,.dayToggle input{display:none}.switchLabel span,.dayToggle span{background:var(--on-surface-low);border-radius:999px;width:36px;height:21px;transition:all .2s;position:relative}.switchLabel span:after,.dayToggle span:after{background:var(--surface);content:"";border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1a1a1a38}.switchLabel input:checked+span,.dayToggle input:checked+span{background:var(--brand)}.switchLabel input:checked+span:after,.dayToggle input:checked+span:after{transform:translate(15px)}.formActions{align-items:center;gap:11px;padding-top:4px;display:flex}.formActions>span{flex:1}.scheduleCard{gap:0;padding:7px 25px}.scheduleRow{border-bottom:1px solid var(--outline);align-items:center;min-height:66px;display:flex}.scheduleRow:last-child{border-bottom:0}.dayToggle{width:200px;font-size:13px!important}.timeRange{align-items:center;gap:11px;display:flex}.timeRange input{width:128px}.timeRange span,.overrideRow>span,.unavailable{color:var(--on-surface-low);font-size:12px}.overrideRow{align-items:center;gap:11px;display:flex}.overrideRow+.overrideRow{border-top:1px solid var(--outline);padding-top:18px}.overrideRow input,.overrideRow select{width:auto}.overrideRow .iconButton{margin-left:auto}.blockForm{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:15px;display:grid}.blockList{gap:0;padding-block:9px}.blockList>div{border-bottom:1px solid var(--outline);justify-content:space-between;align-items:center;padding:15px 0;display:flex}.blockList>div:last-child{border-bottom:0}.blockList strong{color:var(--on-surface);font-size:13px}.blockList p{color:var(--on-surface-variant);margin:4px 0 0;font-size:12px}.integrationCard{grid-template-columns:auto 1fr auto auto;align-items:center}.googleMark{border:1px solid var(--outline);background:var(--surface-container);color:#4285f4;border-radius:12px;place-items:center;width:46px;height:46px;font:700 20px Arial;display:grid}.connectedBadge{background:var(--success-soft);color:var(--success)}.infoCard{margin-top:8px}.profilePhotoEditor{border-bottom:1px solid var(--outline);grid-template-columns:auto 1fr;align-items:center;gap:18px;padding-bottom:21px;display:grid}.profilePhotoPreview{background:var(--surface-container);width:72px;height:72px;color:var(--on-surface-low);border-radius:50%;place-items:center;display:grid;overflow:hidden}.profilePhotoPreview img{object-fit:cover;width:100%;height:100%}.profilePhotoEditor strong{font-size:14px;font-weight:500}.profilePhotoEditor p{color:var(--on-surface-variant);margin:4px 0 11px;font-size:12px}.profilePhotoActions{align-items:center;gap:8px;display:flex}.profilePhotoActions input{display:none}.infoGrid{color:var(--on-surface-variant);grid-template-columns:1fr 1fr;gap:17px;font-size:12px;display:grid}.infoGrid span{align-items:center;gap:9px;display:flex}.infoGrid svg{color:var(--brand)}.tableWrap{border:1px solid var(--outline);background:var(--surface);border-radius:13px;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:12px}th{background:var(--surface-container);color:var(--on-surface-variant);letter-spacing:.055em;text-align:left;text-transform:uppercase;padding:13px 17px;font-size:10px}td{border-top:1px solid var(--outline);color:var(--on-surface-variant);padding:15px 17px}td strong,td span{display:block}td strong{color:var(--on-surface)}td span:not(.bookingStatus){color:var(--on-surface-low);margin-top:4px;font-size:11px}.bookingStatus.confirmed{background:var(--brand-soft);color:var(--brand)}.bookingStatus.cancelled{background:var(--danger-soft);color:var(--danger)}.emptyState{min-height:92px;color:var(--on-surface-low);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.emptyState svg{color:var(--brand)}@media (max-width:1040px){.bookingPage{padding-inline:16px}.bookerCard,.bookerCardExpanded{grid-template-columns:280px minmax(410px,1fr);width:min(900px,100%)}.slotsPanel{border-top:1px solid var(--outline);border-left:0;grid-column:2}.detailsPanel{width:auto}.adminMain{padding-inline:32px}.formGrid.three,.formGrid.four,.blockForm{grid-template-columns:1fr 1fr}}@media (max-width:760px){.bookingPage{background:var(--brand);justify-content:flex-start;padding:0 0 16px}.publicHeader{background:var(--brand);border-bottom:1px solid #ffffff29;min-height:64px;margin:0;padding:8px 18px}.logoWordmark{width:60px;height:45px}.logoLabel{font-size:16px}.bookerCard,.bookerCardExpanded{width:100%;min-width:0;min-height:auto;box-shadow:none;border:0;border-radius:0;display:block}.eventPanel{border-right:0;border-bottom:1px solid var(--outline);padding:28px 22px}.eventPanel h1{font-size:24px}.durationPicker{margin-top:22px}.calendarPanel{width:100%;min-width:0;padding:28px 18px}.weekHeader,.monthGrid{width:100%;min-width:0}.monthGrid button{width:36px;height:36px}.calendarLoading{inset:105px 18px 72px}.calendarSkeleton span{width:36px;height:36px}.slotsPanel{padding:26px 18px}.slotList{max-height:none}.detailsPanel{padding:27px 22px}.publicFooter{margin-top:14px;display:flex}.confirmationPage{background:var(--brand);justify-content:center;padding:20px 14px}.confirmationCard{border-radius:13px;width:100%;margin:0;padding:36px 22px}.cancelArea>div{flex-direction:column;align-items:stretch}.loginPage{padding:16px}.loginCard{gap:29px;padding:32px 25px}.adminShell{display:block}.adminSidebar{z-index:5;width:100%;height:auto;padding:14px 16px 12px;display:block;position:sticky;top:0}.adminSidebar .logo{margin:0 0 13px}.adminSidebar nav{scrollbar-width:none;padding-bottom:2px;display:flex;overflow-x:auto}.adminSidebar nav::-webkit-scrollbar{display:none}.adminSidebar nav button{white-space:nowrap;width:auto;min-height:38px;padding:0 11px}.adminSidebar nav button.active{background:#fffffff2}.logoutButton{display:none}.adminMain{padding:29px 16px 64px}.adminHeader{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:30px}.adminHeader h1{font-size:27px}.statusPill{max-width:100%}.sectionHeader{flex-direction:column;align-items:flex-start;gap:13px}.formGrid.two,.formGrid.three,.formGrid.four,.infoGrid,.blockForm,.profilePhotoEditor{grid-template-columns:1fr}.eventCard{flex-wrap:wrap}.eventSummary{flex-basis:calc(100% - 96px)}.editorHeading{align-items:flex-start}.scheduleRow{flex-direction:column;align-items:flex-start;gap:13px;padding:16px 0}.dayToggle{width:auto}.timeRange{width:100%}.timeRange input{flex:1;min-width:0}.overrideRow{flex-direction:column;align-items:stretch}.overrideRow input,.overrideRow select{width:100%}.overrideRow .iconButton{margin-left:0}.integrationCard{grid-template-columns:auto 1fr}.integrationCard>.connectedBadge,.integrationCard>.primaryButton,.integrationCard>.secondaryButton{grid-column:1/-1}.tableWrap{overflow-x:auto}table{min-width:650px}}