.app-shell{--sidebar:280px;--dash-topbar:68px;--dash-target:var(--st-target,44px);--dash-control:var(--st-control,48px);--dash-gap:var(--st-target-gap,8px);--dash-radius:var(--st-radius-card,10px);background:var(--canvas);color:var(--ink);font-size:var(--st-text-base,16px);line-height:var(--st-line-body,1.55)}.app-shell.app-shell,.app-shell .app-frame.app-frame{min-height:100dvh}.app-shell h1{font-size:var(--st-text-2xl,28px);line-height:var(--st-line-tight,1.2)}.app-shell h2{font-size:var(--st-text-lg,20px);line-height:var(--st-line-tight,1.25)}@media (min-width:768px){.app-shell h1{font-size:var(--st-text-3xl,32px)}.app-shell h2{font-size:var(--st-text-xl,22px)}}.app-shell h3{font-size:var(--st-text-md,17px);line-height:1.3}.app-shell p,.app-shell li,.app-shell .aside-note,.app-shell .booking-main>span,.app-shell .bookings-toolbar select,.app-shell .bookings-toolbar>.button,.app-shell .brand-preview-card p,.app-shell .button,.app-shell .drawer-answer p,.app-shell .duration-row select,.app-shell .empty-state p,.app-shell .event-card-body p,.app-shell .field input,.app-shell .field select,.app-shell .field textarea,.app-shell .form-card-title p,.app-shell .form-error,.app-shell .integration-copy p,.app-shell .mini-booking-card p,.app-shell .muted,.app-shell .notice,.app-shell .quick-actions strong,.app-shell .section-header p,.app-shell .settings-heading p,.app-shell .settings-nav button,.app-shell .sync-note,.app-shell .time-window select,.app-shell .toast,.app-shell .toolbar select,.app-shell input:not([type=hidden]),.app-shell select,.app-shell textarea{font-size:var(--st-text-base,16px)}.app-shell .add-row,.app-shell .badge,.app-shell .booking-table-head,.app-shell .booking-table-row strong,.app-shell .button-sm,.app-shell .day-toggle strong,.app-shell .detail-list strong,.app-shell .drawer-invitee span,.app-shell .editor-actions .button,.app-shell .editor-progress strong,.app-shell .editor-tabs button,.app-shell .editor-title strong,.app-shell .event-card-stats strong,.app-shell .exception-row strong,.app-shell .field-label,.app-shell .integration-summary strong,.app-shell .member-row strong,.app-shell .metric-label,.app-shell .nav-label,.app-shell .sidebar .nav-label,.app-shell .number-chip,.app-shell .question-row strong,.app-shell .setting-row strong,.app-shell .sidebar-profile strong,.app-shell .table-footer,.app-shell .text-link,.app-shell .timezone-pill,.app-shell .unavailable-label,.app-shell .workspace-overview span,.app-shell .nav-item,.app-shell .nav-item span{font-size:var(--st-text-sm,15px)}.app-shell .avatar-md,.app-shell .avatar-sm,.app-shell .booking-table-row small,.app-shell .brand-preview-card button,.app-shell .brand-preview-card small,.app-shell .brand-preview>span,.app-shell .date-chip span,.app-shell .detail-drawer header span,.app-shell .detail-list em,.app-shell .detail-list small,.app-shell .duration-input span,.app-shell .editor-preview>small,.app-shell .editor-progress span,.app-shell .editor-title span,.app-shell .event-card-foot>span,.app-shell .event-card-link span,.app-shell .event-card-stats span,.app-shell .event-summary span,.app-shell .exception-row span,.app-shell .eyebrow,.app-shell .field-hint,.app-shell .inbox-message span,.app-shell .input-prefix span,.app-shell .integration-detail,.app-shell .integration-summary span,.app-shell .invitation-row span,.app-shell .member-row span,.app-shell .metric-detail,.app-shell .mini-booking-card>button,.app-shell .mini-host,.app-shell .mini-meta span,.app-shell .mini-week-head span,.app-shell .money-input span,.app-shell .preview-label,.app-shell .profile-photo>div span,.app-shell .progress-ring strong,.app-shell .question-row span,.app-shell .quick-actions small,.app-shell .segmented button,.app-shell .segmented span,.app-shell .setting-row span,.app-shell .sidebar-profile span,.app-shell .table-footer button,.app-shell .upload-box small,.app-shell .workspace-dot,.app-shell .workspace-facts dd,.app-shell .workspace-facts dt,.app-shell small,.app-shell em,.app-shell dt,.app-shell dd,.app-shell .event-meta,.app-shell .event-meta span,.app-shell .group-title span,.app-shell .event-count span,.app-shell .integration-summary span,.app-shell .usage-list span,.app-shell .modal-details span,.app-shell .modal-details strong,.app-shell .modal>p{font-size:var(--st-text-xs,14px)}.app-shell .nav-label,.app-shell .sidebar .nav-label{letter-spacing:.06em}.app-shell .eyebrow,.app-shell .booking-table-head{letter-spacing:.04em}.app-shell .button,.app-shell .button.button-sm,.app-shell .editor-actions .button,.app-shell .bookings-toolbar>.button,.app-shell .member-controls .button,.app-shell .add-row{min-height:var(--dash-target);padding:10px 16px}.app-shell .icon-button,.app-shell a.icon-button,.app-shell .table-footer button{width:var(--dash-target);height:var(--dash-target);min-width:var(--dash-target);min-height:var(--dash-target)}.app-shell .editor-tabs{gap:var(--dash-gap)}.app-shell .editor-tabs button{min-height:var(--dash-target);padding:10px 14px}.app-shell .segmented{gap:var(--dash-gap)}.app-shell .segmented button{min-height:var(--dash-target);padding:10px 14px}.app-shell .settings-nav{gap:var(--dash-gap)}.app-shell .settings-nav button{min-height:var(--dash-target);padding:11px 14px}.app-shell .toolbar{gap:10px}.app-shell .bookings-toolbar select,.app-shell .search-field input,.app-shell .toolbar select{height:var(--dash-control);min-height:var(--dash-control)}.app-shell .search-field{padding:0 12px}.app-shell .field input:not([type=color]),.app-shell .field select,.app-shell input:not([type=hidden]):not([type=color]):not([type=file]),.app-shell select{min-height:var(--dash-control);padding:11px 12px}.app-shell .field textarea,.app-shell textarea{min-height:96px;padding:12px}.app-shell .toggle{width:52px;height:var(--dash-target);min-height:var(--dash-target);background:0 0;border-radius:0;place-items:center start;min-width:52px;padding:0 3px;display:grid;position:relative}.app-shell .toggle:before{content:"";background:var(--c-bg-inset);border-radius:99px;transition:background-color .15s;position:absolute;inset:8px 0}.app-shell .toggle.is-on:before{background:var(--brand)}.app-shell .toggle span{z-index:1;width:22px;height:22px;position:relative;transform:translate(0)}.app-shell .toggle.is-on span{transform:translate(24px)}.app-shell .radio{width:22px;height:22px}.app-shell .color-options{gap:var(--dash-gap)}.app-shell .color-options button{width:var(--dash-target);height:var(--dash-target)}.app-shell .quick-actions{gap:var(--dash-gap);flex-direction:column;display:flex}.app-shell .quick-actions>a{min-height:60px}.app-shell .event-summary-grid{gap:10px}.app-shell .booking-list{gap:var(--dash-gap);flex-direction:column;display:flex}.app-shell .booking-row{min-height:68px}.app-shell .text-link{min-height:var(--dash-target);align-items:center;gap:6px;display:inline-flex}.app-shell .sidebar-brand>a{min-height:var(--dash-target);align-items:center;display:inline-flex}.app-shell .event-card-grid{gap:14px}.app-shell .event-card-link{gap:var(--dash-gap)}.app-shell .event-card-link button,.app-shell .event-card-link a{width:var(--dash-target);height:var(--dash-target);min-width:var(--dash-target);flex:none;place-items:center;display:grid}.app-shell .event-card-link span{text-overflow:ellipsis;min-width:0;overflow:hidden}.app-shell .event-card-foot{min-height:var(--dash-target);gap:10px}.app-shell .mini-booking-card>button,.app-shell .brand-preview-card button{min-height:var(--dash-target);padding:10px 14px}.app-shell .page-actions,.app-shell .editor-actions,.app-shell .member-controls{gap:10px}.app-shell .toggle-field{align-items:center;gap:var(--dash-gap);min-height:var(--dash-target);display:inline-flex}.app-shell .toggle-field .toggle-text{font-size:var(--st-text-sm,15px);color:var(--muted);white-space:nowrap;font-weight:600}.app-shell .sidebar{width:var(--sidebar);padding:20px 14px 16px}.app-shell .sidebar-nav{gap:var(--dash-gap)}.app-shell .sidebar .nav-item{border-radius:8px;gap:12px;min-height:48px;padding:11px 14px 11px 15px;position:relative}.app-shell .sidebar .nav-item.is-active{background:var(--sidebar-active-bg);color:var(--sidebar-fg);font-weight:600}.app-shell .sidebar .nav-item.is-active svg{color:var(--sidebar-fg)}.app-shell .sidebar .nav-item.is-active:before{content:"";background:0 0;border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.app-shell .sidebar-brand{min-height:var(--dash-target);padding:0 6px 22px}.app-shell .sidebar-profile{gap:12px;min-height:60px;padding-top:16px}.app-shell .topbar{height:var(--dash-topbar);gap:12px}.app-shell .topbar-actions{gap:10px}.app-shell .public-link{min-height:var(--dash-target);font-size:var(--st-text-sm,15px);padding:10px 12px}.app-shell .workspace-switcher{min-height:var(--dash-target)}.app-shell .workspace-dot,.app-shell .avatar-sm{width:34px;height:34px}@media (max-width:1023.98px){.app-shell .sidebar{z-index:60;width:var(--sidebar);visibility:hidden;pointer-events:none;contain:paint;box-shadow:var(--shadow-lg);transition:transform .2s,visibility 0s linear .2s;overflow:hidden;transform:translate(calc(-100% - 2px))}.app-shell .sidebar.is-open{visibility:visible;pointer-events:auto;transition-delay:0s;overflow-y:auto;transform:translate(0)}.app-shell .sidebar-close,.app-shell .mobile-menu{display:grid}.app-shell .sidebar-scrim{z-index:55;background:var(--sidebar-scrim);border:0;position:fixed;inset:0}.app-shell .app-frame{margin-left:0}.app-shell .public-link{display:none}.app-shell .topbar{padding:0 16px}.app-shell .main-content{padding:26px 18px 64px}}@media (min-width:1024px){.app-shell .sidebar-scrim,.app-shell .sidebar-close{display:none}.app-shell .main-content{padding:32px 36px 72px}}.app-shell .metric-grid{gap:1px}.app-shell .metric-card{min-height:132px;padding:18px}.app-shell .metric-card>strong{font-size:26px}@media (max-width:767.98px){.app-shell .metric-grid{grid-template-columns:1fr 1fr}.app-shell .dashboard-grid,.app-shell .event-summary-grid{grid-template-columns:1fr}.app-shell .page-header{flex-direction:column;align-items:stretch;gap:14px}.app-shell .page-actions>.button{width:100%}}@media (max-width:1023.98px){.app-shell .dashboard-grid{grid-template-columns:1fr;gap:16px}.app-shell .editor-layout{padding:20px 18px 120px;display:block}.app-shell .editor-progress,.app-shell .editor-preview{display:none}.app-shell .editor-page.editor-page{min-height:calc(100dvh - var(--dash-topbar));margin:-26px -18px -64px}.app-shell .editor-topbar{top:var(--dash-topbar);flex-wrap:wrap;align-items:center;height:auto;min-height:68px;padding:12px 16px}.app-shell .editor-title>div{display:flex}.app-shell .editor-title>.badge,.app-shell .editor-title .badge{display:inline-flex}.app-shell .editor-title{flex:auto;min-width:0}.app-shell .editor-title>div{min-width:0}.app-shell .editor-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-shell .form-grid,.app-shell .two-column,.app-shell .inline-fields{grid-template-columns:1fr}.app-shell .editor-actions{z-index:40;padding:12px 16px calc(12px + var(--st-safe-bottom,env(safe-area-inset-bottom,0px)));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 24px rgb(var(--shadow-base) / .12);flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex;position:fixed;inset:auto 0 0}.app-shell .editor-actions .button{flex:140px}}@media (min-width:1024px){.app-shell .editor-page.editor-page{min-height:calc(100dvh - var(--dash-topbar))}.app-shell .editor-layout{grid-template-columns:190px minmax(0,1fr) 280px}}.app-shell .question-list{flex-direction:column;gap:10px;display:flex}.app-shell .question-row{border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:var(--dash-radius);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.app-shell .question-row>.drag-handle{flex:0 0 var(--dash-target);width:var(--dash-target);height:var(--dash-target);font-size:var(--st-text-sm,15px);cursor:grab;place-items:center;display:grid}.app-shell .question-row>div{flex-direction:column;flex:180px;gap:6px;min-width:0;display:flex}.app-shell .question-row>div input{width:100%}.app-shell .question-row>.badge{order:2}.app-shell .question-row>.icon-button{order:3}.app-shell .question-row>.toggle-field{order:4}.app-shell .duration-list{flex-direction:column;gap:10px;display:flex}.app-shell .duration-row{border-radius:var(--dash-radius);gap:10px;padding:12px}@media (max-width:767.98px){.app-shell .duration-row{grid-template-columns:var(--dash-target) minmax(0, 1fr) var(--dash-target)}.app-shell .duration-row>select,.app-shell .duration-row>.money-input,.app-shell .duration-row>.muted{grid-column:2/-1}}@media (max-width:1023.98px){.app-shell .availability-layout,.app-shell .two-panel-grid{grid-template-columns:1fr;gap:16px}}.app-shell .schedule-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.app-shell .schedule-day{grid-template-columns:minmax(0, 1fr) var(--dash-target);gap:10px var(--dash-gap);border:1px solid var(--line);border-top:1px solid var(--line);border-radius:var(--dash-radius);background:var(--surface);align-items:center;padding:14px;display:grid}.app-shell .schedule-day .day-toggle{min-height:var(--dash-target);grid-area:1/1;gap:12px;padding-top:0}.app-shell .schedule-day .add-window{width:var(--dash-target);height:var(--dash-target);grid-area:1/2;justify-self:end;margin-top:0}.app-shell .schedule-day .day-windows{gap:var(--dash-gap);grid-area:2/1/auto/-1}.app-shell .time-window{grid-template-columns:minmax(0, 1fr) 14px minmax(0, 1fr) var(--dash-target);align-items:center;gap:var(--dash-gap);display:grid}.app-shell .time-window input[type=time]{width:100%;min-height:var(--dash-control);border:1px solid var(--line-strong);background:var(--surface);font-size:var(--st-text-base,16px);border-radius:8px;padding:11px 12px}.app-shell .time-window .icon-button{justify-self:end}.app-shell .time-window.has-error input[type=time]{border-color:var(--red)}.app-shell .window-error{color:var(--red);font-weight:700;font-size:var(--st-text-xs,14px);grid-column:1/-1}@media (max-width:479.98px){.app-shell .time-window{grid-template-columns:minmax(0, 1fr) var(--dash-target)}.app-shell .time-window>span[aria-hidden]{display:none}.app-shell .time-window .icon-button{grid-area:1/2/span 2;align-self:center}}.app-shell .exception-list{flex-direction:column;gap:10px;display:flex}.app-shell .exception-row{grid-template-columns:var(--dash-target) minmax(0, 1fr) var(--dash-target);align-items:center;gap:10px var(--dash-gap);border:1px solid var(--line);border-radius:var(--dash-radius);background:var(--surface);padding:14px;display:grid}.app-shell .exception-row>.exception-icon{width:var(--dash-target);height:var(--dash-target);grid-row:1}.app-shell .exception-row>div{gap:var(--dash-gap);flex-direction:column;grid-area:1/2;min-width:0;display:flex}.app-shell .exception-row>div>span{align-items:center;gap:var(--dash-gap);flex-wrap:wrap;display:flex}.app-shell .exception-row input[type=date],.app-shell .exception-row input[type=time]{min-height:var(--dash-control);border:1px solid var(--line-strong);background:var(--surface);font-size:var(--st-text-base,16px);border-radius:8px;padding:11px 12px}.app-shell .exception-row input[type=time]{flex:120px;min-width:0}.app-shell .exception-row>.badge{grid-area:2/2}.app-shell .exception-row>.icon-button{grid-area:1/3;justify-self:end}.app-shell .mini-week-grid>div{min-height:var(--dash-target)}.app-shell .booking-table,.app-shell .member-list,.app-shell .inbox-list,.app-shell .integration-grid,.app-shell .integration-groups,.app-shell .invitation-list{flex-direction:column;gap:10px;display:flex}.app-shell .bookings-panel{padding:12px}.app-shell .booking-table-head{border-radius:8px}.app-shell .booking-table-row{border:1px solid var(--line);border-radius:var(--dash-radius);gap:14px;min-height:68px;padding:14px 18px}.app-shell .table-footer{padding:14px 4px 4px}@media (max-width:767.98px){.app-shell .booking-table-head{display:none}.app-shell .booking-table-row{gap:var(--dash-gap);border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:var(--dash-radius);grid-template-columns:minmax(0,1fr) auto;padding:14px;display:grid}.app-shell .booking-table-row>span:first-child{grid-column:1/-1}.app-shell .booking-table-row>span:nth-child(2),.app-shell .booking-table-row>span:nth-child(3){grid-column:1}.app-shell .booking-table-row>span:nth-child(4){grid-area:2/2;justify-self:end}.app-shell .booking-table-row>span:nth-child(5){grid-area:3/2;justify-self:end}.app-shell .bookings-toolbar{flex-direction:column;align-items:stretch}.app-shell .bookings-toolbar .search-field{width:100%}}@media (min-width:768px){.app-shell .booking-table-head{display:grid}.app-shell .bookings-panel{overflow:auto}.app-shell .booking-table-head,.app-shell .booking-table-row{min-width:620px}}.app-shell .detail-drawer{overscroll-behavior:contain;border-radius:14px 0 0 14px;width:min(430px,100%);height:auto;max-height:90dvh;padding:22px;position:absolute;inset:50% 0 auto auto;overflow-y:auto;transform:translateY(-50%)}.app-shell .detail-drawer header{gap:12px}.app-shell .drawer-scrim{border:0;position:absolute;inset:0}.app-shell .manage-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-shell .manage-row a{min-height:var(--dash-target);border:1px solid var(--line-strong);font-size:var(--st-text-sm,15px);border-radius:8px;align-items:center;padding:10px 14px;display:inline-flex}@media (max-width:767.98px){.app-shell .detail-drawer{width:100%;padding:20px 16px calc(20px + var(--st-safe-bottom,env(safe-area-inset-bottom,0px)));border-radius:14px 14px 0 0;inset:auto 0 0;transform:none}}@media (max-width:1023.98px){.app-shell .settings-layout,.app-shell .account-settings-grid,.app-shell .brand-editor,.app-shell .integration-summary,.app-shell .invitation-form{grid-template-columns:1fr;gap:16px}.app-shell .settings-content{padding:20px 16px}}.app-shell .brand-color-row{align-items:center;gap:10px}.app-shell .brand-color-row input[type=color]{width:var(--dash-control);height:var(--dash-control);min-height:var(--dash-control);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:8px;padding:4px}.app-shell .brand-color-row input:not([type=color]){min-height:var(--dash-control);flex:140px}.app-shell .upload-box{flex-wrap:wrap;gap:14px}.app-shell .logo-upload-actions,.app-shell .profile-photo{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-shell .upload-box label.button,.app-shell .profile-photo label.button{min-height:var(--dash-target)}.app-shell .brand-logo-thumb{width:64px;height:64px}.app-shell .member-row,.app-shell .invitation-row,.app-shell .inbox-message{gap:12px;padding:14px}.app-shell .settings-footer{padding-top:16px}.app-shell .integration-card,.app-shell .integration-summary>div{padding:16px}