@media (width<=1023px){main.imperial-desktop>.imperial-sidebar,main.shop-barber-desktop>.shop-barber-sidebar{z-index:65;background:var(--sidebar);width:min(280px,82vw);height:100dvh;color:var(--sidebar-foreground);padding:14px;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom));overscroll-behavior:none;visibility:hidden;will-change:transform;backface-visibility:hidden;contain:layout style;flex-direction:column;transition:transform .26s cubic-bezier(.22,.61,.36,1),visibility 0s .26s;animation:none;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;transform:translate(-100%)}main.imperial-desktop>.imperial-menu-open,main.shop-barber-desktop>.shop-barber-menu-open{visibility:visible;transition-delay:0s;transform:translate(0)}main:is(.imperial-desktop,.shop-barber-desktop)>[data-panel-drawer-motion]{visibility:visible;transition:none!important}main:is(.imperial-desktop,.shop-barber-desktop)>:is(.imperial-menu-scrim,.shop-barber-menu-scrim){opacity:0;visibility:hidden;pointer-events:none;z-index:64;appearance:none;will-change:opacity;backface-visibility:hidden;background:var(--panel-scrim);width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0;margin:0;padding:0;transition:opacity .26s cubic-bezier(.22,.61,.36,1),visibility 0s .26s;animation:none;display:block;position:fixed;inset:0;overflow:hidden;transform:none}main:is(.imperial-desktop,.shop-barber-desktop)>:is(.imperial-menu-scrim,.shop-barber-menu-scrim):is(:hover,:active,:focus,.is-click-feedback){background:var(--panel-scrim);border:0;outline:none;box-shadow:none!important;transform:none!important}main:is(.imperial-desktop,.shop-barber-desktop)>:is(.imperial-menu-scrim,.shop-barber-menu-scrim):before,main:is(.imperial-desktop,.shop-barber-desktop)>:is(.imperial-menu-scrim,.shop-barber-menu-scrim):after{content:none!important;display:none!important}main:is(.imperial-desktop,.shop-barber-desktop)>:is(.imperial-menu-open,.shop-barber-menu-open)+:is(.imperial-menu-scrim,.shop-barber-menu-scrim){opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}main:is(.imperial-desktop,.shop-barber-desktop)>[data-panel-drawer-motion]+:is(.imperial-menu-scrim,.shop-barber-menu-scrim){visibility:visible;pointer-events:auto;transition:none!important}}main:is(.imperial-desktop,.shop-barber-desktop)>:is(.imperial-sidebar,.shop-barber-sidebar) nav button{--interaction-feedback:var(--sidebar-accent)}main:is(.imperial-desktop,.shop-barber-desktop)>:is(.imperial-sidebar,.shop-barber-sidebar) nav button.is-click-feedback{animation:.22s ease-out panel-tab-feedback}@keyframes panel-tab-feedback{0%{background-color:color-mix(in oklab,var(--sidebar-accent) 72%,var(--sidebar-foreground) 28%);color:var(--sidebar-accent-foreground)}to{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}}@media (prefers-reduced-motion:reduce){main:is(.imperial-desktop,.shop-barber-desktop)>:is(.imperial-sidebar,.shop-barber-sidebar,.imperial-menu-scrim,.shop-barber-menu-scrim){transition:none}main:is(.imperial-desktop,.shop-barber-desktop) nav button.is-click-feedback{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground);animation:none}}.panel-reading-1{--panel-reading-small:13px;--panel-reading-body:15px;--panel-reading-title:17px}.panel-reading-2{--panel-reading-small:14px;--panel-reading-body:16px;--panel-reading-title:18px}.panel-reading-3{--panel-reading-small:15px;--panel-reading-body:18px;--panel-reading-title:20px}.panel-reading-4{--panel-reading-small:16px;--panel-reading-body:20px;--panel-reading-title:22px}.panel-reading :is(.text-xs,.text-\[10px\],.text-\[11px\],.text-\[12px\],small,time){font-size:var(--panel-reading-small);line-height:1.45}.panel-reading :is(.text-sm,.text-\[13px\],.text-\[14px\],p,label,input,select,textarea){font-size:var(--panel-reading-body);line-height:1.5}.panel-reading :is(.text-base,.text-\[15px\],.imperial-home-person strong){font-size:var(--panel-reading-title);line-height:1.4}.panel-reading button:not([role=switch]):not(.approved-time-appointment):not(.approved-time-empty){font-size:var(--panel-reading-body);white-space:normal;overflow-wrap:anywhere;height:auto;min-height:40px;line-height:1.4}.panel-reading :is(.imperial-home-heading,.imperial-home-summary-row,.imperial-home-service>div){flex-wrap:wrap;gap:12px}.panel-reading :is(.imperial-home-heading h3,.imperial-home-person,.settings-row>div:first-child){overflow-wrap:anywhere;min-width:0}.panel-reading .imperial-home .imperial-home-appointment{grid-template-columns:32px 52px minmax(0,1fr);height:auto;min-height:64px}.panel-reading .imperial-home-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-reading :is(.imperial-home-kpis small,.imperial-home-person small){white-space:normal;height:auto}.panel-reading .imperial-home-lower{grid-template-columns:minmax(0,1fr)}.panel-reading .imperial-home-days button{min-width:0;padding-inline:2px}.panel-reading .imperial-home-days small{white-space:nowrap;font-size:11px}.panel-reading.imperial-desktop .imperial-home-grid{grid-template-columns:minmax(0,1fr)}.panel-reading .imperial-home .imperial-home-person strong{white-space:normal;text-overflow:clip;font-size:var(--panel-reading-title);overflow:visible}.panel-reading.imperial-categorized .imperial-sidebar nav button{height:auto;min-height:40px}@media (width>=1024px){.panel-reading.imperial-desktop>.imperial-sidebar nav{min-height:0;overflow-y:auto}}.panel-reading .imperial-home .imperial-home-appointment time{grid-row:auto}.panel-reading .settings-segmented{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-width:0;display:grid}.panel-reading .settings-segment{overflow-wrap:normal;gap:4px;padding-inline:8px}.panel-reading .settings-segment svg{flex-shrink:0}.panel-reading .approved-time-appointment :is(span,strong,small){line-height:1.2}.panel-reading .approved-time-appointment strong{font-size:var(--panel-reading-small)}.panel-reading .approved-time-appointment :is(span,small){font-size:12px}.settings-reading-control{background:var(--muted);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 20px;display:grid}.settings-reading-control [role=slider]{width:28px;height:28px}.settings-reading-control>span:first-child{font-size:16px}.settings-reading-control>span:last-child{font-size:28px}.settings-reading-preview{--panel-reading-small:13px;--panel-reading-body:15px;--panel-reading-title:17px}.settings-reading-preview>p{min-height:24px}@media (width<=1100px){.panel-reading .imperial-home-grid,.panel-reading .imperial-home-chart-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.panel-reading .imperial-home-kpis{gap:8px}.panel-reading .imperial-home-kpis button{padding:12px}.panel-reading .imperial-home-kpis strong{overflow-wrap:anywhere;font-size:22px}.panel-reading .imperial-home .imperial-home-appointment{grid-template-columns:32px minmax(0,1fr)}.panel-reading .imperial-home-appointment time{grid-area:auto/2}.panel-reading .imperial-home-person,.panel-reading .imperial-home-status{grid-column:2}.panel-reading .imperial-finance-kpis{grid-template-columns:minmax(0,1fr)}.panel-reading.imperial-desktop .imperial-finance-tabs{flex-wrap:wrap;display:flex}.panel-reading.imperial-desktop .imperial-finance-tabs button{overflow-wrap:normal;flex:auto}.panel-reading .panel-online-payment-heading{flex-wrap:wrap}.panel-reading .panel-online-payment-heading h2{flex:1 0 100%}.panel-reading .panel-finance-periods{flex-wrap:wrap;display:flex}.panel-reading .panel-finance-periods button{overflow-wrap:normal;flex:auto}}.panel-reading .approved-time-appointment :is(span,strong,small){font-size:var(--panel-reading-small);line-height:1.4}.timeline-original-card .truncate{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}.timeline-original-card{flex-wrap:wrap}.timeline-original-card>div{flex-basis:60%}.timeline-original-card>span:last-child{white-space:normal;display:inline-flex}.panel-reading .panel-password-field>button{width:32px;height:32px;min-height:32px;padding:0}.panel-reading.imperial-desktop>.imperial-header{z-index:40}.panel-reading.imperial-desktop>.imperial-header p{font-size:13px;line-height:1.4}.imperial-settings .settings-row .settings-control{min-width:0}.imperial-settings .settings-row:has(.settings-segmented){grid-template-columns:minmax(0,1fr)}.imperial-settings .settings-row:has(.settings-segmented)>div{grid-column:1/-1}.imperial-settings .settings-control:has(.settings-segmented){width:100%;min-width:0}