@layer update274;
@layer update273;
@layer design272;
@layer update271;
@layer update269;
@layer update268;
@layer mobile266;
/* myprofi-ui266.css */
/* Earliest important layer supersedes legacy sidebar and appearance rules. */
@layer mobile266{
 .mobile-nav266{display:none!important}
 html[data-theme=dark] #app .calendar-controls265 button{background:#304337!important;color:#f3f7f3!important;border:1px solid #697e70!important;opacity:1!important;-webkit-text-fill-color:#f3f7f3!important}
 html[data-theme=dark] #app .calendar-controls265 button:is(.active,[aria-pressed=true]){background:#91c6a2!important;color:#102319!important;border-color:#bce6c8!important;-webkit-text-fill-color:#102319!important;box-shadow:inset 0 0 0 1px #bce6c8!important}
 html[data-theme=dark] #app .calendar-controls265 button:focus-visible{outline:3px solid #e8c77d!important;outline-offset:2px!important}
 @media(max-width:760px){
  #app>.side,#app.sideCollapsed208>.side,#app .barber-account-children238{display:none!important}
  #app>.main,#app.sideCollapsed208>.main{padding-top:5px!important;margin-top:0!important;transform:none!important}#app>.main>.top{padding-top:0!important;margin-top:0!important}
  #app>.mobile-nav266{display:grid!important;grid-template-columns:repeat(var(--nav-count266,5),minmax(0,1fr))!important;position:fixed!important;inset:auto 0 0!important;box-sizing:border-box!important;width:100%!important;height:calc(64px + env(safe-area-inset-bottom))!important;min-height:0!important;max-height:calc(64px + env(safe-area-inset-bottom))!important;padding:0 max(10px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(10px,env(safe-area-inset-left))!important;gap:2px!important;align-items:stretch!important;overflow:hidden!important;background:#202c25!important;border-top:1px solid #526158!important;z-index:950!important;margin:0!important}
  #app>.mobile-nav266>button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;max-width:100%!important;width:100%!important;height:60px!important;min-height:0!important;max-height:60px!important;padding:4px 0!important;margin:2px 0!important;gap:3px!important;font:400 11px/1.15 Arial,sans-serif!important;background:transparent!important;color:#eef3ec!important;border:0!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden!important;-webkit-text-fill-color:#eef3ec!important}
  #app>.mobile-nav266>button.active{background:#4c5c51!important;color:#fff!important}
  #app>.mobile-nav266>button svg{width:23px!important;height:23px!important;min-width:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;flex-shrink:0!important}
  #app>.mobile-nav266>button span{display:block!important;font:inherit!important;color:inherit!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important}
  dialog.account-popup263[open]{position:fixed!important;inset:0!important;transform:none!important;margin:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:10px!important;width:100vw!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;min-height:100dvh!important;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;background:#fffefa!important;color:#232821!important;overflow-y:auto!important}
  dialog.account-popup263 .account-exit264{margin-top:auto!important}html[data-theme=dark] dialog.account-popup263[open]{background:#18231d!important;color:#eef3ec!important}html[data-theme=dark] dialog.account-popup263 button{background:#304337!important;color:#eef3ec!important;border-color:#697e70!important}
  #app .schedule-filter266{display:grid!important;gap:12px!important;padding:14px!important;margin:12px 0 18px!important;border:1px solid var(--line,#dfe3da)!important;border-radius:16px!important;background:var(--paper,#fffefa)!important}
  #app .schedule-filter266>.filters204,#app .schedule-filter266>.calendar-controls265{padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;width:100%!important}
  #app .schedule-filter266>.filters204{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#app .schedule-filter266>.filters204 label{min-width:0!important;width:100%!important;margin:0!important}#app .schedule-filter266>.filters204 label:last-child{grid-column:1/-1!important}
  html[data-theme=dark] #app .schedule-filter266{background:#25312a!important;border-color:#405046!important}
 }
}

@layer nav261;
/* myprofi-ui262.css */
/* Declared before legacy important layers so old sidebar geometry cannot win. */
@layer nav261{
 @media(max-width:760px){
 #app:has(>.side),#app.sideCollapsed208:has(>.side),.platform-shell50{display:block!important;grid-template-columns:none!important}
 #app>.main,.platform-main50{margin-left:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
 body.admin-workspace218 .platform-shell50{height:calc(100dvh - 76px - env(safe-area-inset-bottom))!important;min-height:0!important;display:flex!important;flex-direction:column!important}
 body.admin-workspace218 .platform-main50{padding-bottom:0!important;flex:1!important;min-height:0!important;height:100%!important}
 #app>.side,#app.sideCollapsed208>.side,.platform-nav50{position:fixed!important;inset:auto 0 0 0!important;width:100%!important;height:calc(76px + env(safe-area-inset-bottom))!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;padding:6px 12px calc(6px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:visible!important;transform:none!important;z-index:900!important;gap:6px!important;border-top:1px solid #ffffff24!important;box-shadow:0 -5px 24px #14291e18!important;scrollbar-width:none!important}
 #app>.side>div:first-child:not(.sidebar-account226),.platform-nav50>b,.sideToggle208,.platform-nav50>.shell-brand141,.platform-nav50>.shell-toggle141,#app>.side .eyebrow,.sidebar-separator225{display:none!important}
 #app>.side .nav,.platform-nav50 .sidebar-flow225{display:flex!important;flex-direction:row!important;align-items:center!important;flex:1 0 auto!important;height:auto!important;overflow:visible!important;gap:6px!important}
 #app>.side .sidebar-zone226,.platform-nav50 .sidebar-zone226{display:contents!important}
 #app>.side .nav>button,#app>.side .sidebar-zone226>button,#app>.side [data-account238],.platform-nav50 [data-tab50],.platform-nav50 #platformLogout50{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:66px!important;width:auto!important;min-height:58px!important;height:auto!important;padding:6px 10px!important;margin:0!important;border-radius:12px!important;white-space:nowrap!important;font-size:12px!important;line-height:1.15!important;flex-shrink:0!important}
 #app>.side button span,.platform-nav50 button .shell-label141{display:block!important;opacity:1!important;visibility:visible!important;max-width:none!important;overflow:visible!important;font-size:12px!important;line-height:1.15!important}
 #app>.side button svg,.platform-nav50 button svg{width:24px!important;height:24px!important;flex-shrink:0!important}
 #app>.side .barber-account238{flex:0 0 auto!important;overflow:visible!important}
 #app>.side .barber-account-children238,.platform-nav50 .owner-children219{position:fixed!important;inset:auto 12px calc(88px + env(safe-area-inset-bottom)) auto!important;width:min(320px,calc(100vw - 24px))!important;max-height:calc(100dvh - 180px)!important;height:auto!important;overflow:auto!important;background:#203229!important;color:#fff!important;box-shadow:0 8px 40px #0004!important;border:1px solid #ffffff30!important;border-radius:18px!important;padding:10px!important;z-index:1000!important;margin:0!important}
 .platform-nav50 .owner-children219{background:#fff!important;color:#263c50!important}
 #app>.side .barber-account-children238 button,.platform-nav50 .owner-children219 button{display:flex!important;align-items:center!important;width:100%!important;min-height:46px!important;text-align:left!important;white-space:normal!important;padding:10px 14px!important;font-size:15px!important;gap:10px!important}
 #app>.side .barber-account-children238[hidden],.platform-nav50 .owner-children219[hidden],.sidebar-zone226[hidden]{display:none!important}
 #app>.side footer,#app>.side .sidebar-account226,.platform-nav50 .sidebar-account226{display:flex!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;align-items:center!important;margin:0!important;padding:0!important;flex-shrink:0!important;border:0!important}
 #app>.side #logout{font-size:12px!important;min-width:60px!important;min-height:58px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:6px!important}
 #app>.side footer>span,.sidebar-account-name226{display:none!important}
 #app>.side .account-plus238,.platform-nav50 .menu-sign{position:absolute!important;top:3px!important;right:3px!important;font-size:17px!important}
 #app>.side [data-account238],.platform-nav50 [data-tab50]{position:relative!important}
 }
 .applications257{grid-template-columns:1fr!important}.app-qr257{max-width:320px;margin-inline:auto}.application257{min-width:0}.app-qr-actions257{justify-content:center}
 #dealBoard{align-items:stretch!important;height:auto!important;max-height:none!important;overflow-y:visible!important}
 .map-sheet261{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;z-index:1000!important;background:#e7ece5!important;--footer261:200px}
 .map-sheet261 .map-wrap248,.map-sheet261 .map248{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important}
 .map-sheet261 .paper-head248{position:absolute!important;inset:max(12px,env(safe-area-inset-top)) 16px auto!important;z-index:700!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;flex-wrap:nowrap!important;pointer-events:none}
 .map-sheet261 .paper-head248>*{pointer-events:auto;background:#fffffff2!important;border:1px solid #e0e5de!important;box-shadow:0 4px 20px #1f392516!important;border-radius:16px!important;padding:12px!important;line-height:1.1!important}
 .map-sheet261 .brand{margin-right:auto!important;font-size:clamp(20px,3vw,30px)!important}.map-sheet261 .paper-head248 button{font-size:14px!important;min-height:44px!important}
 .map-footer261{position:absolute;z-index:700;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 28px));box-sizing:border-box;padding:16px;background:#ffffffed;backdrop-filter:blur(16px);border:1px solid #fff;border-radius:24px;box-shadow:0 8px 36px #19372526;display:grid;gap:10px}
 .map-footer261 input{width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:12px 14px!important;border-radius:14px!important;font-size:16px!important;background:#fff!important;color:#24382d!important}
 .map-footer261 .map-note248{margin:0!important;font-size:13px!important;line-height:1.4!important;color:#637366!important}.map-footer261 [data-next]{width:100%!important;min-height:50px!important;border-radius:14px!important;margin:0!important;background:#224c3b!important;color:#fff!important}.map-footer261 [data-next]:disabled{opacity:.5!important}
 .map-sheet261 .locate248{position:absolute!important;right:16px!important;bottom:calc(var(--footer261) + 30px + env(safe-area-inset-bottom))!important;top:auto!important;width:52px!important;height:52px!important;padding:12px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:#fff!important;box-shadow:0 4px 20px #19372530!important;color:#224c3b!important;z-index:700!important}.map-sheet261 .locate248 svg{width:26px;height:26px}
 .map-sheet261 .leaflet-top{top:82px!important}.map-sheet261 .leaflet-control-zoom{border:0!important;box-shadow:0 4px 20px #19372520!important;border-radius:12px!important;overflow:hidden!important}.map-sheet261 .leaflet-control-attribution{font-size:10px!important;background:#ffffffdc!important}
 .sr261{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
 @media(max-width:400px){.map-sheet261 .paper-head248{left:10px!important;right:10px!important;gap:5px!important}.map-sheet261 .paper-head248>*{padding:10px!important}.map-sheet261 .brand{font-size:20px!important}.map-sheet261 .paper-head248 button{font-size:12px!important}}
}

@layer nav261 {
body:has(#register) #order{padding-bottom:110px!important}#register .paper-bottom248,body.registration248 [data-telegram-create]{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:1200!important;margin:0!important;width:100%!important;box-sizing:border-box!important;padding:12px max(16px,calc((100vw - 760px)/2)) calc(12px + env(safe-area-inset-bottom))!important;background:var(--paper,#fff)!important;box-shadow:0 -4px 24px #20322920!important}#register .paper-bottom248 button{width:100%!important;min-height:50px!important;margin:0!important}body.registration248 [data-telegram-create]{background:#224c3b!important;color:white!important;min-height:62px!important}body:has([data-telegram-create]) #order{padding-bottom:110px!important}
}

@layer compact256;
/* myprofi-compact256.css */
/* Vertical spacing only: 34 -> 17 px desktop, 20 -> 10 px mobile;
   the shared section-header bottom margin is 30 -> 15 px. */
@layer compact256 {
 #app>.main{padding-top:17px!important}
 #app>.main>.top{margin-bottom:15px!important}
 #app>.main>.top h1{margin-bottom:2px!important}
 #app .shop-page236 .shop-qr235{margin-top:14px!important;row-gap:4px!important}
 #app .shop-page236 [data-qr-canvas235]{width:100%;min-width:0}
 /* The canvas already includes the four-module quiet zone. Remove only the
    extra CSS frame; place that intact quiet zone within the card's padding. */
 #app .shop-page236 .shop-qr235 canvas{width:min(296px,100%)!important;height:auto!important;border:0!important;border-radius:0!important;display:block!important;margin:0 0 0 -22px!important;background:#fff!important}
 #app .shop-page236 .shop-qr235 .row{display:flex!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important;margin-top:0!important}
 #app .shop-page236 [data-share-status235]:empty{display:none!important}
 @media(max-width:760px){
  #app>.main{padding-top:10px!important}
  #app .shop-page236 .shop-qr235 canvas{margin-left:-12px!important}
 }
}

@layer sidebar255;
/* myprofi-sidebar255.css */
/* First important cascade layer, scoped to the MYPROFI cabinet. */
@layer sidebar255 {
 #app:has(>.side){display:grid!important;grid-template-columns:var(--barber-expanded222,177.6px) minmax(0,1fr)!important;min-height:100vh!important;min-height:100dvh!important;align-items:start!important}
 #app.sideCollapsed208:has(>.side){grid-template-columns:var(--barber-rail222,57px) minmax(0,1fr)!important}
 #app>.side{position:fixed!important;inset:0 auto 0 0!important;width:var(--barber-expanded222,177.6px)!important;height:100vh!important;height:100dvh!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important;-ms-overflow-style:none!important;z-index:40!important;padding-bottom:max(12px,env(safe-area-inset-bottom))!important;transition:width .15s ease!important}
 #app.sideCollapsed208>.side{width:var(--barber-rail222,57px)!important}
 #app>.side::-webkit-scrollbar,#app>.side .nav::-webkit-scrollbar,#app>.side .sidebar-zone226::-webkit-scrollbar{display:none!important;width:0!important}
 #app>.side>div:first-child{flex-shrink:0!important}
 #app>.main{grid-column:2!important;grid-row:1!important;margin-left:0!important;min-width:0!important;width:auto!important;max-width:none!important}
 #app>.side .nav,#app>.side .sidebar-flow225{display:flex!important;flex-direction:column!important;flex:1 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;scrollbar-width:none!important}
 #app>.side .sidebar-zone226{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 #app>.side .sidebar-zone226[data-zone226=middle]{flex:1 0 auto!important}
 #app>.side .sidebar-zone226[hidden],#app>.side .barber-account-children238[hidden]{display:none!important}
 #app>.side .barber-account238{height:auto!important;max-height:none!important;overflow:visible!important;flex-shrink:0!important}
 #app>.side .barber-app-link220{display:none!important}
 @media(max-width:760px){#app:has(>.side),#app.sideCollapsed208:has(>.side){grid-template-columns:var(--barber-rail222,57px) minmax(0,1fr)!important}}
 @media(prefers-reduced-motion:reduce){#app>.side{transition:none!important}}
}

@layer barberMode233,appearance223;
/* sidebar226.css */
@layer sidebar226 {
 [data-sidebar226]{overflow:hidden!important;min-height:0!important;}
 body.shell141 [data-sidebar226=mgkans]>nav{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;}
 [data-sidebar226] .sidebar-flow225{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important;gap:0!important;margin:0!important;padding:0!important;}
 [data-sidebar226] .sidebar-zone226{display:flex!important;flex-direction:column!important;gap:var(--nav-gap223,4px)!important;align-items:stretch!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin;}
 [data-sidebar226] .sidebar-zone226[hidden]{display:none!important;}
 [data-sidebar226] .sidebar-zone226>*{flex-shrink:0!important;}
 [data-sidebar226] .sidebar-zone226[data-zone226=top]{flex:0 1 auto!important;max-height:38%!important;}
 [data-sidebar226] .sidebar-zone226[data-zone226=middle]{flex:1 1 56px!important;min-height:56px!important;}
 [data-sidebar226] .sidebar-zone226[data-zone226=bottom]{flex:0 1 auto!important;min-height:clamp(32px,7dvh,72px)!important;max-height:40%!important;}
 [data-sidebar226] .sidebar-separator225{flex:0 0 12px!important;height:12px!important;min-height:12px!important;max-height:12px!important;padding:5px 0!important;}
 [data-sidebar226] .sidebar-flow225>.divider,[data-sidebar226=mgkans]>.bottom,#app [data-sidebar226=barber]>footer{display:none!important;}
 [data-sidebar226] .sidebar-account226,[data-sidebar226] #sidebarAccount172{display:flex!important;flex-direction:column!important;gap:4px!important;flex:0 0 auto!important;margin:0!important;padding:6px 0 0!important;border:0!important;width:100%!important;min-width:0!important;position:static!important;box-sizing:border-box!important;}
 [data-sidebar226] .sidebar-account-name226,[data-sidebar226] .account-name172{display:block!important;min-height:18px!important;height:18px!important;font:13px/18px Arial,sans-serif!important;margin:0!important;padding:0 5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:inherit!important;text-align:left!important;}
 body[data-shell-open141=false] [data-sidebar226] .sidebar-account-name226,body[data-shell-open141=false] [data-sidebar226] .account-name172,#app.sideCollapsed208 [data-sidebar226] .sidebar-account-name226{visibility:hidden!important;}
 [data-sidebar226] .sidebar-account226>#logout,[data-sidebar226] .sidebar-account226>#platformLogout50,[data-sidebar226] #accountLogout172{margin:0!important;flex:0 0 auto!important;}
 #app [data-sidebar226] a[href*="install=1"]{display:none!important;}
 [data-sidebar226] .sidebar-picked226{outline:2px dashed #ffcd4c!important;outline-offset:-3px!important;cursor:grab!important;}
 [data-sidebar226] button{-webkit-touch-callout:none!important;touch-action:pan-y!important;}
 [data-sidebar226].sidebar-dragging226{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing!important;}
 [data-sidebar226].sidebar-dragging226 button{cursor:grabbing!important;}
 [data-sidebar226] .sidebar-drop226{display:block!important;height:4px!important;min-height:4px!important;margin:1px 3px!important;border-radius:3px!important;background:#ffd352!important;box-shadow:0 0 0 1px #1e293b55!important;pointer-events:none!important;flex:0 0 4px!important;}
 [data-sidebar226] .sidebar-drop226.sidebar-drop-room226{height:44px!important;min-height:44px!important;flex-basis:44px!important;border:2px dashed #ffd352!important;background:#ffd35222!important;}
 .sidebar-ghost226{position:fixed!important;z-index:2147483000!important;pointer-events:none!important;width:170px!important;max-width:calc(100vw - 8px)!important;padding:12px!important;background:#23364a!important;color:#fff!important;border:1px solid #ffd352!important;border-radius:9px!important;box-shadow:0 4px 18px #0005!important;font:14px/1.3 Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
 .sidebar-ghost226[hidden]{display:none!important;}
 #sidebarMove226{position:fixed!important;right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;z-index:2147482999!important;display:flex!important;align-items:center!important;gap:12px!important;width:max-content!important;max-width:calc(100vw - 24px)!important;padding:10px 12px!important;border:1px solid #cdd8e6!important;border-radius:10px!important;background:#fff!important;color:#25334b!important;box-shadow:0 4px 22px #17284033!important;font:14px/1.4 Arial,sans-serif!important;}
 #sidebarMove226 button{flex:0 0 auto!important;width:auto!important;height:36px!important;min-width:56px!important;margin:0!important;padding:6px 10px!important;border:1px solid #168af0!important;border-radius:7px!important;background:#168af0!important;color:#fff!important;font:14px/1.2 Arial,sans-serif!important;cursor:pointer!important;}
 #sidebarMove226 button:disabled{opacity:.6!important;}
 @media(max-width:600px){#sidebarMove226{font-size:12px!important;gap:8px!important;padding:8px!important;bottom:8px!important;right:8px!important;max-width:calc(100vw - 16px)!important;}}
}
/* First cascade layer: the separator/editor must not inherit configurable menu-button geometry. */
@layer sidebar225 {
 [data-sidebar225] .sidebar-flow225{display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-auto-rows:auto!important;gap:var(--nav-gap223,4px)!important;min-width:0!important;}
 [data-sidebar225] .sidebar-flow225>.divider{display:none!important;}
 [data-sidebar225] .sidebar-flow225>*{flex-shrink:0!important;}
 [data-sidebar225] .sidebar-separator225{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;flex:0 0 20px!important;width:100%!important;min-width:0!important;height:20px!important;min-height:20px!important;max-height:20px!important;padding:6px 0!important;margin:0!important;cursor:pointer!important;background:transparent!important;border:0!important;border-radius:0!important;opacity:1!important;visibility:visible!important;}
 [data-sidebar225] .sidebar-separator225>span{display:block!important;visibility:visible!important;width:100%!important;height:2px!important;background:currentColor!important;opacity:.65!important;pointer-events:none!important;border-radius:2px!important;}
 [data-sidebar225] .sidebar-separator225{color:var(--sidebar-separator-color225,#b7c4b8)!important;}
 [data-sidebar225] .sidebar-separator225:hover>span,[data-sidebar225] .sidebar-separator225:focus-visible>span{height:3px!important;opacity:1!important;}
 [data-sidebar225] .sidebar-separator225:focus-visible{outline:2px solid currentColor!important;outline-offset:-2px!important;}
 [data-sidebar225] .sidebar-flow225>.shell-owner-logout141{margin-top:0!important;}
 #app [data-sidebar225=barber] .nav{flex:1 1 auto!important;overflow-y:auto!important;}
 #app [data-sidebar225=barber] #logout{width:100%!important;}
 #sidebarEditor225{position:fixed!important;inset:0!important;box-sizing:border-box!important;width:min(700px,calc(100vw - 24px))!important;max-width:700px!important;height:auto!important;max-height:90dvh!important;margin:auto!important;padding:0!important;border:1px solid #ccd5df!important;border-radius:16px!important;background:#fff!important;color:#25334b!important;font:14px/1.4 Arial,sans-serif!important;box-shadow:0 18px 60px #17284040!important;overflow:hidden!important;z-index:2147483000!important;}
 #sidebarEditor225:not([open]){display:none!important;}
 #sidebarEditor225[open]{display:flex!important;flex-direction:column!important;}
 #sidebarEditor225::backdrop{background:#17284070;}
 #sidebarEditor225 *{box-sizing:border-box!important;letter-spacing:normal!important;text-transform:none!important;}
 #sidebarEditor225 .sidebar-editor-head225{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:16px 18px!important;background:#fff!important;position:static!important;flex:0 0 auto!important;}
 #sidebarEditor225 h2{font:600 19px/1.3 Arial,sans-serif!important;margin:0!important;color:#25334b!important;}
 #sidebarEditor225 .sidebar-help225{font:14px/1.4 Arial,sans-serif!important;margin:0!important;padding:0 18px 14px!important;color:#526174!important;flex:0 0 auto!important;}
 #sidebarEditor225 .sidebar-scroll225{overflow:auto!important;min-height:80px!important;padding:0 18px 16px!important;overscroll-behavior:contain!important;flex:1 1 auto!important;}
 #sidebarEditor225 .sidebar-rows225{display:flex!important;flex-direction:column!important;gap:7px!important;}
 #sidebarEditor225 .sidebar-row225{border:1px solid #dce3ec!important;background:#f7f9fc!important;border-radius:9px!important;padding:5px!important;flex:0 0 auto!important;}
 #sidebarEditor225 .sidebar-row225.dragging{border-color:#168af0!important;box-shadow:0 2px 12px #168af033!important;opacity:.9!important;}
 #sidebarEditor225 .sidebar-rowline225{display:flex!important;gap:5px!important;align-items:center!important;}
 #sidebarEditor225 button,#sidebarEditor225 input{font:14px/1.2 Arial,sans-serif!important;box-sizing:border-box!important;letter-spacing:normal!important;border:1px solid #d7dfeb!important;box-shadow:none!important;background:#fff!important;color:#25334b!important;border-radius:7px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:7px 10px!important;margin:0!important;max-width:100%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;transform:none!important;opacity:1!important;}
 #sidebarEditor225 button{width:auto!important;min-width:36px!important;flex:0 0 auto!important;cursor:pointer!important;}
 #sidebarEditor225 input{min-width:0!important;width:100%!important;flex:1 1 auto!important;text-align:left!important;}
 #sidebarEditor225 button:focus-visible,#sidebarEditor225 input:focus-visible{outline:2px solid #168af0!important;outline-offset:1px!important;}
 #sidebarEditor225 button:hover{background:#eaf3ff!important;}
 #sidebarEditor225 button:disabled{opacity:.5!important;cursor:wait!important;}
 #sidebarEditor225 .sidebar-grip225{cursor:grab!important;touch-action:none!important;font-size:21px!important;user-select:none!important;}
 #sidebarEditor225 .separator-row225{background:#eaf0f7!important;}
 #sidebarEditor225 .sidebar-separator-name225{flex:1 1 auto!important;border-bottom:2px solid #42556e!important;line-height:1.5!important;color:#42556e!important;}
 #sidebarEditor225 .sidebar-subitems225{margin:3px 0 0 41px!important;padding:0!important;background:transparent!important;}
 #sidebarEditor225 summary{font:13px/1.4 Arial,sans-serif!important;padding:5px!important;cursor:pointer!important;color:#526174!important;}
 #sidebarEditor225 .sidebar-editor-foot225{position:static!important;display:block!important;padding:12px 18px!important;border-top:1px solid #dce3ec!important;background:#fff!important;flex:0 0 auto!important;}
 #sidebarEditor225 small{font:12px/1.4 Arial,sans-serif!important;color:#526174!important;}
 #sidebarEditor225 .sidebar-status225{font:13px/1.4 Arial,sans-serif!important;color:#9a4222!important;min-height:18px!important;margin:4px 0!important;}
 #sidebarEditor225 .sidebar-actions225{display:flex!important;gap:7px!important;flex-wrap:wrap!important;}
 #sidebarEditor225 .sidebar-save225{background:#168af0!important;color:#fff!important;border-color:#168af0!important;margin-left:auto!important;}
 @media(max-width:500px){#sidebarEditor225{width:calc(100vw - 12px)!important;max-height:94dvh!important;}#sidebarEditor225 .sidebar-scroll225{padding:0 8px 10px!important;}#sidebarEditor225 .sidebar-editor-head225,#sidebarEditor225 .sidebar-editor-foot225{padding:10px!important;}#sidebarEditor225 .sidebar-help225{padding:0 10px 10px!important;font-size:13px!important;}#sidebarEditor225 .sidebar-subitems225{margin-left:12px!important;}#sidebarEditor225 .sidebar-rowline225{gap:3px!important;}#sidebarEditor225 .sidebar-actions225 button{padding:7px!important;}}
}

/* appearance223.css */
/* First layer: appearance controls override legacy fixed sidebar geometry. */
@layer appearance223 {
 html[data-nav-appearance223=mgkans] body.shell141 .shell-sidebar141 .shell-nav-button141 {
  height:var(--nav-row223)!important;min-height:var(--nav-row223)!important;max-height:var(--nav-row223)!important;
  font-size:var(--nav-font223)!important;line-height:var(--nav-leading223)!important;
 }
 html[data-nav-appearance223=mgkans] body.shell141 .shell-sidebar141 .shell-label141 {font-size:var(--nav-font223)!important;line-height:var(--nav-leading223)!important}
 html[data-nav-appearance223=mgkans] body.shell141 .shell-sidebar141 .shell-nav-button141>.shell-icon141 {
  width:var(--nav-icon223)!important;height:var(--nav-icon223)!important;min-width:var(--nav-icon223)!important;max-width:var(--nav-icon223)!important;
  color:var(--nav-icon-color223)!important;
 }
 html[data-nav-appearance223=mgkans] body.shell141 .shell-sidebar141 :is(nav,#moduleNav,.bottom),
 html[data-nav-appearance223=mgkans] body.shell141 .platform-nav50.shell-sidebar141 {gap:var(--nav-gap223)!important}
 html[data-nav-appearance223=barber] #app {--barber-expanded222:min(var(--barber-width223),calc(100vw - 16px))!important}
 html[data-nav-appearance223=barber] #app .nav {grid-auto-rows:var(--nav-row223)!important;gap:var(--nav-gap223)!important}
 html[data-nav-appearance223=barber] #app .nav button {
  height:var(--nav-row223)!important;min-height:var(--nav-row223)!important;max-height:var(--nav-row223)!important;
  font-size:var(--nav-font223)!important;line-height:var(--nav-leading223)!important;
 }
 html[data-nav-appearance223=barber] #app .nav button span {font-size:var(--nav-font223)!important;line-height:var(--nav-leading223)!important}
 html[data-nav-appearance223=barber] #app .nav button svg {width:var(--nav-icon223)!important;height:var(--nav-icon223)!important;min-width:var(--nav-icon223)!important;color:var(--nav-icon-color223)!important}
 html[data-nav-appearance223=barber] #app .sideHeader217 .brand {overflow:hidden!important;text-overflow:ellipsis!important}
 @media(max-width:760px){html[data-nav-appearance223=barber] #app {--barber-expanded222:min(var(--barber-mobile-width223),calc(100vw - 16px))!important}}

 #appearanceForm57 .appearance-block223 {display:block!important;min-width:0!important;margin:10px 0!important;border:1px solid #dfe5ef!important;border-radius:10px!important;padding:0!important;background:var(--surface,#fff)}
 #appearanceForm57 .appearance-block223>summary {display:list-item!important;cursor:pointer;font-weight:600;font-size:15px;line-height:1.4;padding:12px 16px;user-select:none}
 #appearanceForm57 .appearance-block223>summary:focus-visible {outline:2px solid #1685ed;outline-offset:-3px}
 #appearanceForm57 .appearance-block223:not([open])>:not(summary) {display:none!important}
 #appearanceForm57 .appearance-block-body223 {padding:4px 14px 14px!important;min-width:0!important}
 #appearanceForm57 .appearance-block-body223>fieldset {margin:0!important;border:0!important;padding:0!important;min-width:0!important}
 #appearanceForm57 .appearance-block-body223>fieldset>legend {display:none!important}
 #appearanceForm57 .appearance-block-body223>.platform-grid50 {min-width:0!important}
 #appearanceForm57 [data-area223=sidebar] .appearance-block-body223>.platform-grid50>fieldset {border:0!important;padding:0!important;margin:0!important}
 #appearanceForm57 [data-area223=sidebar] .appearance-block-body223>.platform-grid50>fieldset>legend {display:none!important}
 #appearanceForm57 .appearance-preview223 {width:100%;height:410px;border:1px solid #dfe5ef;border-radius:10px;display:block;background:#f5f5ef}
 #appearanceForm57 [hidden],#appearanceForm57 .appearance-area65[hidden] {display:none!important}
 #appearanceForm57 .appearance-actions223 {display:flex!important;gap:8px!important;flex-wrap:wrap!important;position:sticky;bottom:0;z-index:3;padding:10px 0;background:var(--surface,#fff)}
 @media(max-width:600px){#appearanceForm57 .appearance-preview223 {height:360px}#appearanceForm57 .appearance-block-body223 {padding:4px 8px 10px!important}}
}

/* sidebar222.css */
/* r222: relative to r221. Keep this layer before earlier geometry layers.
   Existing navigation states, row heights and user theme settings are unchanged. */
@layer sidebar222 {
 body.shell141 {
  --rail141:61.2px!important; /* 81.6 * .75 */
  --sidebar-icon-slot222:calc(var(--rail141) - 12px);
 }
 body.shell141[data-shell-open141=true] {
  --sidebar141:calc(var(--nav-width56,280px) * .525)!important; /* .7 * .75 */
  --inset141:var(--sidebar141)!important;
 }
 body.shell141 .shell-sidebar141 .shell-nav-button141 {
  grid-template-columns:var(--sidebar-icon-slot222) minmax(0,1fr) auto!important;
 }
 body.shell141 .shell-sidebar141 .shell-tools141 {
  grid-template-columns:var(--sidebar-icon-slot222) minmax(0,1fr)!important;
 }
 body.shell141 .shell-sidebar141 .shell-brand141 {
  min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;
 }
 body.shell141[data-shell-open141=true] .shell-sidebar141 .shell-label141 {display:block!important}
 body.shell141[data-shell-open141=false] .shell-sidebar141 {scrollbar-width:none!important}
 body.shell141[data-shell-open141=false] .shell-sidebar141::-webkit-scrollbar {display:none!important}
 @media(max-width:950px) {
  body.shell141 {--rail141:54px!important;--sidebar-icon-slot222:calc(var(--rail141) - 6px)} /* 72 * .75 */
  body.shell141[data-shell-open141=true] {
   --sidebar141:min(calc(var(--nav-width56,320px) * .525),calc((100vw - 44px) * .525))!important;
   --inset141:var(--rail141)!important;
  }
 }

 #app {--barber-rail222:57px;--barber-expanded222:177.6px} /* 76 * .75; 222 * .8 */
 #app .side,#app.sideCollapsed208 .side {
  width:var(--barber-expanded222)!important;
  padding-left:6.5px!important;padding-right:6.5px!important;
 }
 #app.sideCollapsed208 .side {width:var(--barber-rail222)!important}
 #app .sideHeader217 {
  margin-left:0!important;margin-right:0!important;
  column-gap:6px!important;
 }
 #app .sideHeader217 .brand {
  min-width:0!important;
  font-size:calc(var(--barber-expanded222) * .105)!important;
 }
 #app .nav button,#app.sideCollapsed208 .nav button {
  grid-template-columns:44px minmax(0,1fr)!important;
  padding-left:0!important;padding-right:0!important;
 }
 #app .main {margin-left:var(--barber-expanded222)!important}
 #app.sideCollapsed208 .main {margin-left:var(--barber-rail222)!important}
 @media(max-width:760px) {
  #app {--barber-expanded222:184px} /* 230 * .8 */
  #app .main,#app.sideCollapsed208 .main {margin-left:var(--barber-rail222)!important}
 }
}

/* barber-sidebar217.css */
@layer barberSidebar217 {
/* One header row for the toggle and brand. The same slots remain when collapsed. */
#app .side,#app.sideCollapsed208 .side{
 position:fixed!important;inset:0 auto 0 0!important;height:100dvh!important;
 width:222px!important;padding:16px 10px 14px!important;transform:none!important;
 display:flex!important;flex-direction:column!important;gap:4px!important;
 overflow:hidden!important;cursor:default!important;
}
#app.sideCollapsed208 .side{width:76px!important}
#app .sideHeader217{
 flex:0 0 88px!important;height:88px!important;min-height:88px!important;
 margin:0 10px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;
 grid-template-rows:44px 32px!important;gap:12px!important;align-items:center!important;
}
#app .sideToggle208{
 position:static!important;grid-column:1!important;grid-row:1!important;
 width:44px!important;height:44px!important;min-width:44px!important;
 padding:0!important;display:grid!important;place-items:center!important;
 margin:0!important;line-height:1!important;font-size:16px!important;
}
#app .sideHeader217 .brand{
 grid-column:2!important;grid-row:1!important;display:block!important;
 font-size:21px!important;white-space:nowrap!important;letter-spacing:-.7px!important;
}
#app .sideHeader217 .eyebrow{
 grid-column:1 / -1!important;grid-row:2!important;display:block!important;
 margin:0!important;height:32px!important;line-height:16px!important;
 font-size:11px!important;letter-spacing:2px!important;overflow:hidden!important;
}
#app .nav{
 flex:1 1 auto!important;min-height:0!important;display:grid!important;
 grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:50px!important;gap:6px!important;align-content:start!important;
 overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin;
}
#app.sideCollapsed208 .nav{scrollbar-width:none!important}
#app.sideCollapsed208 .nav::-webkit-scrollbar{display:none!important}
#app .nav button,#app.sideCollapsed208 .nav button{
 display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;
 align-items:center!important;height:50px!important;min-height:50px!important;
 max-height:50px!important;min-width:0!important;font-size:16px!important;gap:0!important;padding:0 4px!important;
 justify-content:start!important;text-align:left!important;white-space:nowrap!important;
}
#app .nav button svg{
 grid-column:1!important;grid-row:1!important;justify-self:center!important;
 width:24px!important;height:24px!important;min-width:24px!important;
}
#app .nav button span{
 grid-column:2!important;grid-row:1!important;display:block!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#app.sideCollapsed208 .sideHeader217 .brand,
#app.sideCollapsed208 .sideHeader217 .eyebrow,
#app.sideCollapsed208 .nav button span{visibility:hidden!important;pointer-events:none!important}
#app .side footer{
 flex:0 0 auto!important;display:grid!important;gap:8px!important;
 margin:8px 0 0!important;font-size:12px!important;min-width:0!important;
}
#app .side footer>span{
 display:block!important;height:16px!important;max-width:100%!important;
 line-height:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#app.sideCollapsed208 .side footer>span{visibility:hidden!important}
#app .side footer button{
 margin:0!important;width:100%!important;height:32px!important;
 padding:4px 2px!important;font-size:12px!important;
}
#app .main{margin-left:222px!important}
#app.sideCollapsed208 .main{margin-left:76px!important}
@media(max-width:760px){
 #app .side{width:230px!important}
 #app .main,#app.sideCollapsed208 .main{margin-left:76px!important}
}
@media(prefers-reduced-motion:reduce){#app .side{transition:none!important}}
}

/* barber207.css */
:root{color-scheme:light;--ink:#232821;--muted:#72796f;--line:#e1e4da;--paper:#fffefa;--gold:#a37236;--green:#244b39;font-family:Inter,Arial,sans-serif;background:#f5f5ef;color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;padding:10px 14px}button:hover{border-color:var(--gold)}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--green);border-color:var(--green);color:white}button.danger{color:#a3342d}button.small{padding:7px 10px;font-size:13px}a{color:var(--green)}input:not([type=checkbox]),select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);background:white;border-radius:8px;color:var(--ink);min-width:0}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}label{font-size:13px;color:var(--muted);display:grid;gap:7px}label.check{display:flex;align-items:center;gap:9px;color:var(--ink)}:focus-visible{outline:3px solid #bd9b6370;outline-offset:2px}h1{font-size:32px;letter-spacing:-1px;margin:4px 0 12px}h2{font-size:20px;margin:0 0 18px}h3{font-size:15px;margin:0 0 12px}p{line-height:1.5}small,.muted{color:var(--muted)}.brand{font-size:21px;font-weight:750;letter-spacing:-.7px}.brand span{color:#be9c66}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:var(--muted)}.side{position:fixed;left:0;top:0;bottom:0;width:222px;padding:32px 20px;background:#202c25;color:#f1f1e8;display:flex;flex-direction:column;gap:30px}.side .eyebrow{color:#9daa9f}.nav{display:grid;gap:7px}.nav button{background:transparent;border:0;color:#bdc8be;text-align:left}.nav button.active{background:#39463b;color:white}.side footer{margin-top:auto;font-size:12px;display:grid;gap:14px}.side a{color:#bdc8be}.main{margin-left:222px;padding:34px clamp(20px,4vw,64px);max-width:1700px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row>*{flex:0 1 auto}.row label{min-width:140px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;margin:18px 0}.note{background:#edece1;border-radius:9px;padding:12px 16px;font-size:13px;line-height:1.5}.error{color:#a12d27;white-space:pre-wrap;font-size:14px;line-height:1.5}.message{min-height:22px;margin:8px 0}.success{color:#27623e}.metrics{display:flex;gap:32px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}.metrics b{font-size:26px;display:block;margin-top:5px}.calendar{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--paper);max-height:72vh}.calheads{display:flex;position:sticky;top:0;z-index:4;background:var(--paper);border-bottom:1px solid var(--line);min-width:max-content}.calheads>div{width:220px;flex-shrink:0;padding:16px;text-align:center;font-size:14px;font-weight:600}.calheads>div:first-child{width:64px}.calbody{display:flex;min-width:max-content}.hours{width:64px;flex-shrink:0;position:relative;color:var(--muted);font-size:11px}.hours span{position:absolute;right:10px;transform:translateY(5px)}.daycol{width:220px;flex-shrink:0;position:relative;border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,#e8e9df 59px,#e8e9df 60px)}.appointment{position:absolute;left:5px;right:5px;overflow:hidden;text-align:left;background:#e5ebdd;border:1px solid #c5d1bb;border-left:3px solid var(--green);border-radius:7px;padding:6px 9px;font-size:12px;line-height:1.35}.appointment b{display:block}.appointment.done{background:#f0f0e9;color:#73796e;border-color:#d9ddcf}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:13px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-size:12px;font-weight:500}td input{min-width:90px!important}td input[name=serviceName]{min-width:180px!important}.weekrow{display:grid;grid-template-columns:100px 1fr 1fr 1fr 1fr;gap:9px;align-items:end;margin:12px 0}.master{border-top:1px solid var(--line);padding:20px 0}.master summary{cursor:pointer;font-weight:600}.settingsbar{position:sticky;bottom:12px;z-index:5;display:flex;gap:12px;align-items:center;background:#fffefaf0;padding:14px;border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(10px)}dialog{border:1px solid var(--line);border-radius:16px;padding:0;width:min(610px,95vw);max-height:92dvh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#19241e88;backdrop-filter:blur(3px)}.dialoghead{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:2}.dialoghead h2{margin:0}.dialogbody{padding:24px}.login{max-width:420px;margin:12vh auto;padding:30px}.stack{display:grid;gap:18px}.public{max-width:680px;margin:0 auto;padding:28px 22px 80px}.public header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.public h1{font-size:36px;margin-top:30px}.service{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink);cursor:pointer}.service .desc{flex:1}.service strong{display:block;font-size:15px}.service small{display:block;margin-top:4px}.service .price{font-size:14px;font-weight:600;white-space:nowrap}.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.slots button.active{background:var(--green);color:white;border-color:var(--green)}.bookingTotal{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.receipt{border:1px solid #bdd2bb;border-radius:14px;padding:24px;background:#f0f5ea;margin-top:24px}.receipt h2{color:var(--green)}.hidden{display:none!important}.empty{padding:30px;text-align:center;color:var(--muted)}.wide{width:100%}.public .panel{padding:22px}.linkbox{overflow-wrap:anywhere;font-size:14px;padding:12px;background:#f2f3eb;border-radius:8px}.statusdot{display:inline-block;width:7px;height:7px;background:#688562;border-radius:50%;margin-right:6px}
@media(max-width:760px){.side{position:static;width:auto;padding:20px;gap:18px}.side footer{display:none}.nav{display:flex;overflow:auto;gap:4px}.nav button{white-space:nowrap;padding:9px;font-size:13px}.main{margin:0;padding:22px 14px}.top{align-items:flex-start;flex-wrap:wrap}h1{font-size:26px}.grid2{grid-template-columns:1fr}.panel{padding:17px}.weekrow{grid-template-columns:70px 1fr 1fr;gap:7px}.weekrow label:nth-child(n+4){grid-column:auto}.weekrow label:nth-child(4){grid-column:2}.metrics{gap:18px;font-size:12px}.metrics b{font-size:22px}.calendar{max-height:65vh}.public{padding:20px 14px 40px}.public h1{font-size:29px}.slots{grid-template-columns:repeat(4,1fr)}.dialogbody{padding:18px}.settingsbar{bottom:4px;font-size:12px}.daycol,.calheads>div{width:190px}.side .eyebrow{display:none}.bookingTotal{gap:10px}}
.daycol,.calheads>div:not(:first-child){flex-grow:1}.calheads>div:first-child{flex-shrink:0}
@media(max-width:760px){.side footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:0}.side footer button{margin-left:auto}}

/* Cabinet layout aligned with the MGKANS task planner. */
:root{--ink:#29415d;--muted:#7a8da7;--line:#dae5f3;--paper:#fff;--green:#1689ed;--gold:#1689ed;background:#eaf5f8}
body{background:linear-gradient(115deg,#dcf4ed,#b9e8ef 75%,#cae5f6);min-height:100vh}.side{width:100px;padding:22px 8px;background:linear-gradient(#39b5ed,#0563c5);gap:26px}.side .brand{font-size:14px;letter-spacing:-.5px;color:#fff}.side .brand span{color:white}.side .eyebrow{display:none}.nav button{padding:17px 4px;text-align:center;color:#eaf7ff;border-radius:9px;font-size:13px}.nav button.active{background:#ffffff30;box-shadow:inset 0 0 0 1px #ffffff35;color:white}.side footer{font-size:11px;overflow-wrap:anywhere}.side footer a{color:white}.side footer span{color:white}.main{margin-left:100px;padding:22px 24px;max-width:none}.top{background:#ffffffd9;border:1px solid #ffffff;border-radius:14px;padding:18px 22px;margin-bottom:12px}.top h1{font-size:25px;margin:4px 0}.top .eyebrow{letter-spacing:1px}.setup204{display:grid;gap:10px;background:#fff8e8;border:1px solid #f0dfb4;border-radius:12px;padding:15px;margin:12px 0;color:#72572d;font-size:14px}.toolbar204,.filters204{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:12px 16px;background:#ffffffd9;border:1px solid #e0ebf4;border-radius:12px;margin-bottom:9px}.toolbar204{justify-content:space-between;align-items:center}.toolbar204 .row{align-items:end}.toolbar204 button,.views204 button{padding:9px 12px}.views204{display:flex;gap:4px;flex-wrap:wrap}.views204 .active{background:#1689ed;color:white;border-color:#1689ed}.filters204 label{min-width:160px;flex:1}.filters204 input,.filters204 select,.toolbar204 input{padding:8px 10px}.summary204{padding:12px 6px;font-size:14px}.calendar{max-height:70vh}.calheads>div{background:#f3f8ff;color:#45617f}.daycol{background:repeating-linear-gradient(to bottom,white 0,white 29px,#edf2f9 29px,#edf2f9 30px)}.event204{position:absolute;padding:1px 3px;min-height:5px}.taskcard204{display:flex;flex-direction:column;gap:4px;background:#edf7ff;border:1px solid #9fcdf0;border-left:4px solid #1689ed;border-radius:7px;text-align:left;padding:7px 9px;width:100%;font-size:12px;overflow:hidden;line-height:1.3;color:#254669}.taskcard204 small{color:#617f9d}.event204 .taskcard204{height:100%;gap:1px;padding:2px 5px;font-size:11px}.taskcard204.done{background:#edf4ee;border-color:#b5d0bc;color:#738779}.taskcard204.done b,.taskcard204.done span{text-decoration:line-through}.monthwrap204{overflow:auto}.month204{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));min-width:840px;gap:1px;background:#dbe5f1;border:1px solid #dbe5f1;border-radius:10px;overflow:hidden}.month204>b{text-align:center;background:#f3f8ff;padding:12px}.monthday204,.blank204{background:white;min-height:150px;padding:7px}.monthday204.today{background:#ecf8ff}.monthday204>button{padding:4px 8px;margin-bottom:6px}.monthday204 .taskcard204{margin:4px 0}.columns204{display:flex;gap:12px;overflow:auto;align-items:stretch}.columns204>section{min-width:240px;flex:1;padding:16px;background:#ffffffbd;border:1px solid #dbe5f1;border-radius:12px}.columns204 .taskcard204{margin-bottom:8px}.panel{margin:12px 0}button:focus-visible{outline:3px solid #80baff}
@media(max-width:760px){.side{position:static;width:auto;padding:12px;gap:12px}.side .brand{font-size:20px}.nav button{padding:10px 12px;font-size:13px}.side footer{gap:12px}.main{margin:0;padding:12px}.top{padding:15px;gap:10px}.top .row{width:100%;justify-content:space-between}.top .row button{padding:9px}.filters204{padding:10px}.filters204 label{min-width:130px}.toolbar204{padding:10px}.views204{width:100%;flex-wrap:nowrap;overflow:auto}.views204 button{flex:1;white-space:nowrap;padding:9px 8px}.setup204{font-size:13px}.summary204{font-size:12px}.calendar{max-height:65vh}.taskcard204{font-size:12px}.side footer span{max-width:45%}}

:root{color-scheme:light;--ink:#232821;--muted:#72796f;--line:#e1e4da;--paper:#fffefa;--gold:#a37236;--green:#244b39;font-family:Inter,Arial,sans-serif;background:#f5f5ef;color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;padding:10px 14px}button:hover{border-color:var(--gold)}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--green);border-color:var(--green);color:white}button.danger{color:#a3342d}button.small{padding:7px 10px;font-size:13px}a{color:var(--green)}input:not([type=checkbox]),select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);background:white;border-radius:8px;color:var(--ink);min-width:0}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}label{font-size:13px;color:var(--muted);display:grid;gap:7px}label.check{display:flex;align-items:center;gap:9px;color:var(--ink)}:focus-visible{outline:3px solid #bd9b6370;outline-offset:2px}h1{font-size:32px;letter-spacing:-1px;margin:4px 0 12px}h2{font-size:20px;margin:0 0 18px}h3{font-size:15px;margin:0 0 12px}p{line-height:1.5}small,.muted{color:var(--muted)}.brand{font-size:21px;font-weight:750;letter-spacing:-.7px}.brand span{color:#be9c66}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:var(--muted)}.side{position:fixed;left:0;top:0;bottom:0;width:222px;padding:32px 20px;background:#202c25;color:#f1f1e8;display:flex;flex-direction:column;gap:30px}.side .eyebrow{color:#9daa9f}.nav{display:grid;gap:7px}.nav button{background:transparent;border:0;color:#bdc8be;text-align:left}.nav button.active{background:#39463b;color:white}.side footer{margin-top:auto;font-size:12px;display:grid;gap:14px}.side a{color:#bdc8be}.main{margin-left:222px;padding:34px clamp(20px,4vw,64px);max-width:1700px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row>*{flex:0 1 auto}.row label{min-width:140px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;margin:18px 0}.note{background:#edece1;border-radius:9px;padding:12px 16px;font-size:13px;line-height:1.5}.error{color:#a12d27;white-space:pre-wrap;font-size:14px;line-height:1.5}.message{min-height:22px;margin:8px 0}.success{color:#27623e}.metrics{display:flex;gap:32px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}.metrics b{font-size:26px;display:block;margin-top:5px}.calendar{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--paper);max-height:72vh}.calheads{display:flex;position:sticky;top:0;z-index:4;background:var(--paper);border-bottom:1px solid var(--line);min-width:max-content}.calheads>div{width:220px;flex-shrink:0;padding:16px;text-align:center;font-size:14px;font-weight:600}.calheads>div:first-child{width:64px}.calbody{display:flex;min-width:max-content}.hours{width:64px;flex-shrink:0;position:relative;color:var(--muted);font-size:11px}.hours span{position:absolute;right:10px;transform:translateY(5px)}.daycol{width:220px;flex-shrink:0;position:relative;border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,#e8e9df 59px,#e8e9df 60px)}.appointment{position:absolute;left:5px;right:5px;overflow:hidden;text-align:left;background:#e5ebdd;border:1px solid #c5d1bb;border-left:3px solid var(--green);border-radius:7px;padding:6px 9px;font-size:12px;line-height:1.35}.appointment b{display:block}.appointment.done{background:#f0f0e9;color:#73796e;border-color:#d9ddcf}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:13px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-size:12px;font-weight:500}td input{min-width:90px!important}td input[name=serviceName]{min-width:180px!important}.weekrow{display:grid;grid-template-columns:100px 1fr 1fr 1fr 1fr;gap:9px;align-items:end;margin:12px 0}.master{border-top:1px solid var(--line);padding:20px 0}.master summary{cursor:pointer;font-weight:600}.settingsbar{position:sticky;bottom:12px;z-index:5;display:flex;gap:12px;align-items:center;background:#fffefaf0;padding:14px;border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(10px)}dialog{border:1px solid var(--line);border-radius:16px;padding:0;width:min(610px,95vw);max-height:92dvh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#19241e88;backdrop-filter:blur(3px)}.dialoghead{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:2}.dialoghead h2{margin:0}.dialogbody{padding:24px}.login{max-width:420px;margin:12vh auto;padding:30px}.stack{display:grid;gap:18px}.public{max-width:680px;margin:0 auto;padding:28px 22px 80px}.public header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.public h1{font-size:36px;margin-top:30px}.service{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink);cursor:pointer}.service .desc{flex:1}.service strong{display:block;font-size:15px}.service small{display:block;margin-top:4px}.service .price{font-size:14px;font-weight:600;white-space:nowrap}.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.slots button.active{background:var(--green);color:white;border-color:var(--green)}.bookingTotal{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.receipt{border:1px solid #bdd2bb;border-radius:14px;padding:24px;background:#f0f5ea;margin-top:24px}.receipt h2{color:var(--green)}.hidden{display:none!important}.empty{padding:30px;text-align:center;color:var(--muted)}.wide{width:100%}.public .panel{padding:22px}.linkbox{overflow-wrap:anywhere;font-size:14px;padding:12px;background:#f2f3eb;border-radius:8px}.statusdot{display:inline-block;width:7px;height:7px;background:#688562;border-radius:50%;margin-right:6px}
@media(max-width:760px){.side{position:static;width:auto;padding:20px;gap:18px}.side footer{display:none}.nav{display:flex;overflow:auto;gap:4px}.nav button{white-space:nowrap;padding:9px;font-size:13px}.main{margin:0;padding:22px 14px}.top{align-items:flex-start;flex-wrap:wrap}h1{font-size:26px}.grid2{grid-template-columns:1fr}.panel{padding:17px}.weekrow{grid-template-columns:70px 1fr 1fr;gap:7px}.weekrow label:nth-child(n+4){grid-column:auto}.weekrow label:nth-child(4){grid-column:2}.metrics{gap:18px;font-size:12px}.metrics b{font-size:22px}.calendar{max-height:65vh}.public{padding:20px 14px 40px}.public h1{font-size:29px}.slots{grid-template-columns:repeat(4,1fr)}.dialogbody{padding:18px}.settingsbar{bottom:4px;font-size:12px}.daycol,.calheads>div{width:190px}.side .eyebrow{display:none}.bookingTotal{gap:10px}}
.daycol,.calheads>div:not(:first-child){flex-grow:1}.calheads>div:first-child{flex-shrink:0}
@media(max-width:760px){.side footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:0}.side footer button{margin-left:auto}}

body{background:#f5f5ef}.side .brand{font-size:21px;color:#f1f1e8}.side .brand span{color:#be9c66}.side .eyebrow{display:block}.side footer span{color:#f1f1e8}.main{max-width:none}.top{background:transparent;border:0;border-radius:0;padding:0;margin-bottom:30px}.top h1{font-size:32px}.nav button.active{box-shadow:none}.views204 .active{background:var(--green);border-color:var(--green)}.taskcard204{background:#f0f4ed;border-color:#bdcdbd;border-left-color:var(--green);color:var(--ink)}.taskcard204 small{color:var(--muted)}.toolbar204,.filters204{background:var(--paper);border-color:var(--line)}.calheads>div,.month204>b{background:#eeefe7;color:var(--ink)}.monthday204.today{background:#f1f3e7}.columns204>section{background:var(--paper);border-color:var(--line)}.top p{margin:4px 0}button:focus-visible{outline-color:#bd9b6370}@media(max-width:760px){.top{padding:0}.side .brand{font-size:21px}}

/* dashboard208.css */
.dashCards208{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashCards208 .panel{margin:18px 0;padding:22px}.dashCards208 strong{font-size:clamp(22px,2vw,30px);overflow-wrap:anywhere}.dashCompare208{display:grid;grid-template-columns:1fr auto;gap:12px;margin:24px 0}.dashCompare208 progress{grid-column:1/-1;width:100%;height:12px;accent-color:var(--green)}
#app .side{z-index:30;overflow-y:auto;padding-top:72px}#app .nav button{display:flex;align-items:center;gap:12px;min-height:46px}#app .nav svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sideToggle208{position:fixed;z-index:40;top:16px;left:20px;color:#f1f1e8;background:#39463b;border:1px solid #586658}.sideShade208{display:none}#app.sideCollapsed208 .side{width:76px;padding:72px 10px 20px}#app.sideCollapsed208 .side .brand,#app.sideCollapsed208 .side .eyebrow,#app.sideCollapsed208 .nav button span,#app.sideCollapsed208 .side footer>span{display:none}#app.sideCollapsed208 .main{margin-left:76px}#app.sideCollapsed208 .nav button{justify-content:center;padding:10px}#app.sideCollapsed208 .side footer button{padding:8px 2px;font-size:11px}
@media(max-width:1100px){.dashCards208{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#app .side,#app.sideCollapsed208 .side{position:fixed;inset:0 auto 0 0;width:min(280px,85vw);height:100dvh;display:flex;padding:72px 20px 24px;transform:translateX(-100%);transition:transform .15s}#app.sideOpen208 .side{transform:translateX(0)}#app .main,#app.sideCollapsed208 .main{margin-left:0;padding:74px 16px 20px}#app .nav{display:grid;overflow:visible}#app .nav button{justify-content:flex-start}#app.sideCollapsed208 .side .brand,#app.sideCollapsed208 .side .eyebrow,#app.sideCollapsed208 .nav button span,#app.sideCollapsed208 .side footer>span{display:block}#app .side footer{display:grid;margin-top:auto}#app.sideOpen208 .sideShade208{display:block;position:fixed;inset:0;z-index:25;border:0;border-radius:0;background:#0006;width:100%;height:100dvh}.dashCards208{gap:10px}.dashCards208 .panel{padding:14px;margin:12px 0}.dashCards208 h3{font-size:13px}.dashCards208 strong{font-size:22px}.top{flex-wrap:wrap}}
@media(max-width:400px){.dashCards208{grid-template-columns:1fr}}
.serviceRow208{display:flex;gap:8px;margin:10px 0;align-items:center}.serviceRow208 select{flex:1;min-width:0}.serviceRow208 button{flex:none}.service[hidden]{display:none!important}@media(min-width:761px){main.public{max-width:544px}dialog:has(#bookingForm){max-width:80vw;width:576px}}
.periodNav208{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 8px;background:linear-gradient(100deg,#e5ecdf,#d4e2d4);border-radius:10px;margin-top:16px}.periodNav208>div{text-align:center}.periodLabel208{background:transparent;border:0;text-decoration:underline;font-weight:600;padding:4px}.periodNav208>button{white-space:nowrap}.periodNav208 span{font-size:13px;color:var(--muted)}@media(max-width:760px){.periodNav208{gap:4px;padding:8px 4px}.periodNav208>button{padding:8px 6px;font-size:12px}.periodLabel208{font-size:12px}.periodNav208 span{display:block;font-size:11px}}

/* layout209.css */
.filters204{display:grid!important;grid-template-columns:minmax(110px,.6fr) minmax(110px,.6fr) minmax(160px,1fr) auto;align-items:end;gap:12px}.filters204 label{min-width:0!important}.filters204 .views204{display:flex;gap:5px;width:auto;flex-wrap:nowrap}.filters204 .views204 button{padding:10px 12px;white-space:nowrap}.dashDate209{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.dashCards209{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dashCards209 .panel{padding:18px}.dashCards209 strong{font-size:clamp(20px,1.65vw,28px)}.compareLine209{display:grid;gap:6px;margin:12px 0}.compareLine209 small{font-size:11px}.compareLine209 b{font-size:18px}.compareLine209 progress{height:8px;width:100%;accent-color:var(--green)}.dashHelp209{font-size:12px;color:var(--muted);margin:12px 0;max-width:760px}.dashHelp209 summary{cursor:pointer}.datePopup209{width:340px;max-width:calc(100vw - 24px);padding:18px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--paper)}.datePopup209::backdrop{background:#17231b66}.dateHead209{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.dateHead209 b{font-size:14px}.dateGrid209{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:16px}.dateGrid209 small{text-align:center;padding:6px 0}.dateGrid209 button{padding:9px 0;font-size:13px}.dateGrid209 .selected{background:var(--green);color:white}.dateGrid209 .other{color:#9aa094}
@media(max-width:1200px){.dashCards209{grid-template-columns:repeat(3,minmax(0,1fr))}.filters204{grid-template-columns:minmax(100px,.6fr) minmax(100px,.6fr) minmax(130px,1fr) auto;gap:8px}.filters204 .views204 button{padding:10px 8px}}
@media(max-width:900px){.filters204{grid-template-columns:1fr 1fr}.filters204 .views204{justify-content:flex-end}.dashCards209{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){.filters204{grid-template-columns:1fr 1fr}.filters204 label:nth-child(3),.filters204 .views204{grid-column:1/-1}.filters204 .views204 button{flex:1}.dashDate209{gap:4px}.dashDate209 button{padding:8px 6px;font-size:12px}.dashDate209 .periodLabel208{flex:1}.dashCards209 .panel{padding:14px}.dashCards209 strong{font-size:21px}}

html,body{overscroll-behavior-x:none}

html,body{overscroll-behavior-x:none}
/* layout210.css */
#appearanceControls{display:flex;align-items:center;gap:8px;margin-left:auto}#language90 button{border-radius:9px;min-width:42px;padding:9px;font-weight:600}#themeToggle{width:40px;height:40px;padding:0;border-radius:50%;font-size:23px;display:grid;place-items:center}.top>.row:has(#appearanceControls){margin-left:auto}.quick210{display:flex;gap:8px;margin-top:12px}.quick210 button{border:0;background:transparent;padding:3px;color:var(--green);text-decoration:underline}.dashDate209{margin-top:6px}.dashDate209>button:not(.periodLabel208){min-width:40px}.datePopup209 form{padding:6px}.datePopup209 h3{margin:0}
#app .side{transition:width .16s}#app .main{min-width:0}#app .sideShade208{display:none!important}
@media(max-width:760px){#app .side{width:230px!important;transform:none!important;inset:0 auto 0 0;padding:72px 16px 20px!important}#app.sideCollapsed208 .side{width:62px!important;padding:72px 6px 16px!important}#app .main,#app.sideCollapsed208 .main{margin-left:62px!important;padding:20px 10px!important}#app.sideCollapsed208 .side .brand,#app.sideCollapsed208 .side .eyebrow,#app.sideCollapsed208 .nav button span,#app.sideCollapsed208 .side footer>span{display:none!important}#app.sideCollapsed208 .nav button{justify-content:center;padding:10px 4px}#app .sideToggle208{left:10px;padding:8px 10px}#app.sideCollapsed208 footer button{font-size:10px}#app .nav{display:grid}.dashCards209{grid-template-columns:1fr!important}.dashDate209 .periodLabel208{min-width:150px;font-size:12px}.top{gap:8px}.top>.row:has(#appearanceControls){align-self:flex-start}#appearanceControls{gap:4px}.top h1{font-size:25px}}
html[data-theme=dark]{color-scheme:dark;--ink:#e6ece6;--muted:#aeb9ae;--line:#405046;--paper:#25312a;--green:#79b392;--gold:#d6ae72;background:#18231d;color:var(--ink)}html[data-theme=dark] body{background:#18231d;color:var(--ink)}html[data-theme=dark] :is(input:not([type=checkbox]),select,textarea,.panel,.dialoghead,.settingsbar,.tablewrap,th,.calheads,.hours,.daycol,.monthday204,.datePopup209){background:var(--paper);color:var(--ink);border-color:var(--line)}html[data-theme=dark] :is(.periodNav208,.note,.linkbox,.receipt){background:#304337;color:var(--ink)}html[data-theme=dark] :is(button.primary,button.active,.dateGrid209 .selected){background:#35674a;color:#fff;border-color:#598266}html[data-theme=dark] :is(.event204,.taskcard204){background:#344e3e;color:var(--ink)}html[data-theme=dark] .side{background:#111b15}

.top:has(#appearanceControls){flex-wrap:nowrap!important}.top:has(#appearanceControls)>div:first-child{min-width:0}.top:has(#appearanceControls) h1{overflow-wrap:anywhere}@media(max-width:450px){.top:has(#appearanceControls) h1{font-size:22px}.top:has(#appearanceControls) #appearanceControls{gap:3px}#language90 button{min-width:36px;padding:7px}#themeToggle{width:36px;height:36px}}

/* layout211.css */
.dashToolbar211{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:16px 0 20px}.dashMaster211{width:220px;max-width:100%;flex:0 1 220px}.dashPeriod211{min-width:0}.dashPeriod211 .quick210{justify-content:center;margin:0 40px}.dashPeriod211 .dashDate209{margin:0;gap:10px;flex-wrap:nowrap}.dashViews211{margin-left:auto;display:flex;gap:5px;padding-bottom:0}.dashToolbar211 .periodLabel208{min-width:0;white-space:normal}.dashCards209{grid-template-columns:repeat(5,minmax(0,1fr))}.dashCards209>.panel{min-width:0;overflow-wrap:anywhere}
.weekFit211 .calheads,.weekFit211 .calbody{display:grid;grid-template-columns:52px repeat(7,minmax(0,1fr));min-width:0;width:100%}.weekFit211 .calheads>div,.weekFit211 .calheads>div:first-child,.weekFit211 .daycol,.weekFit211 .hours{width:auto;min-width:0}.weekFit211 .calheads>div{padding:12px 3px;font-size:12px;overflow:hidden}.weekFit211 .taskcard204{min-width:0;max-width:100%;padding:4px;font-size:11px;overflow:hidden}.weekFit211 .taskcard204 b,.weekFit211 .taskcard204 span,.weekFit211 .taskcard204 small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weekFit211 .event204{min-width:0;overflow:hidden}.weekFit211{max-width:100%}.side{cursor:pointer}.side button{cursor:pointer}
@media(max-width:1000px){.dashMaster211{flex-basis:180px}.dashViews211{margin-left:0}.dashCards209{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dashToolbar211{gap:10px}.dashMaster211{flex:1 1 100%;width:100%}.dashPeriod211{width:100%}.dashPeriod211 .dashDate209{justify-content:space-between}.dashViews211{width:100%}.dashViews211 button{flex:1;padding:9px 5px}.weekFit211 .calheads,.weekFit211 .calbody{grid-template-columns:32px repeat(7,minmax(0,1fr))}.weekFit211 .calheads>div{font-size:9px;padding:10px 0}.weekFit211 .hours{font-size:9px}.weekFit211 .hours span{right:2px}.weekFit211 .taskcard204{font-size:9px;padding:2px}.weekFit211 .taskcard204 small{display:none}}

/* barber-mobile220.css */
body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#app .main{padding-bottom:max(20px,env(safe-area-inset-bottom))}.barber-app-link220{display:inline-block;font:inherit;font-size:14px;color:inherit;margin-top:12px}body:has(#app.sideCollapsed208) .side .barber-app-link220{display:none}

/* barber-dashboard224.css */
/* Reuse the schedule filter card and its appearance settings. */
#app .dashboardFilters224 {
 display:flex!important;align-items:flex-end;flex-wrap:wrap;gap:12px;
 margin:16px 0 20px;padding:12px 16px;min-width:0;
}
#app .dashboardFilters224 .dashMaster211 {
 flex:1 1 200px;width:auto;min-width:0!important;max-width:100%;
}
#app .dashboardFilters224 .dashMaster211 select {max-width:100%}
#app .dashboardFilters224 .dashPeriod211 {
 display:grid;gap:8px;flex:1 1 280px;width:auto;min-width:0;
}
#app .dashboardFilters224 .dashPeriod211>label {display:block;min-width:0!important}
#app .dashboardFilters224 .dashDate209 {
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;
 align-items:stretch;gap:10px;margin:0;min-width:0;
}
#app .dashboardFilters224 .dashDate209 .periodLabel208 {
 min-width:0!important;width:100%;white-space:normal;overflow-wrap:anywhere;
}
#app .dashboardFilters224 .dashViews211 {
 flex:0 1 auto;min-width:0;width:auto;margin:0 0 0 auto;
 align-items:stretch;flex-wrap:wrap;
}
#app .dashboardFilters224 .dashViews211 button {
 min-width:0;white-space:normal;overflow-wrap:anywhere;
}
@media(max-width:900px){
 #app .dashboardFilters224 .dashViews211 {flex:1 1 100%;width:100%}
 #app .dashboardFilters224 .dashViews211 button {flex:1 1 70px}
}
@media(max-width:760px){
 #app .dashboardFilters224 {padding:10px}
 #app .dashboardFilters224 .dashMaster211,
 #app .dashboardFilters224 .dashPeriod211 {flex:1 1 100%;width:100%}
 #app .dashboardFilters224 .dashDate209 {gap:4px}
}

/* appearance-controls224.css */
@layer appearance223 {
 html[data-nav-appearance223=mgkans] body.shell141 .shell-sidebar141 .shell-nav-button141,
 html[data-nav-appearance223=barber] #app .nav button {
  width:min(var(--nav-button-width224,100%),100%)!important;
  max-width:100%!important;
 }
}

/* barber-owner235.css */
#ownerSettings227{display:grid;gap:20px;margin-bottom:24px}#ownerSettings227 h2{margin:0}#ownerSettings227 .row{flex-wrap:wrap;justify-content:space-between}#ownerSettings227 .button{display:inline-flex;text-decoration:none;justify-content:center;align-items:center;padding:12px 20px;border-radius:12px;width:fit-content;max-width:100%}.owner-status227{font-weight:700;color:var(--primary,#224b3a)}.owner-code227{display:block;font-size:32px;letter-spacing:.2em;margin:12px 0}.owner-employee227{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #dfe3da}.owner-employee227 small{display:block;margin-top:6px}.owner-employee227>div{min-width:0;overflow-wrap:anywhere}.owner-employee227>button{flex-shrink:0}.owner-dialog227{width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:90dvh;padding:0;border:1px solid #dfe3da;border-radius:16px;background:var(--panel,#fffefa);color:var(--text,#202b25)}.owner-dialog227::backdrop{background:#14251c80}.owner-dialog227 .dialogbody{max-height:calc(90dvh - 80px);overflow:auto}.owner-dialog227 .dialoghead{display:flex;justify-content:space-between;align-items:center;padding:16px}.owner-dialog227 .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.owner-dialog227 label{min-width:0}.owner-dialog227 input:not([type=checkbox]){box-sizing:border-box;width:100%}.owner-rights227{border:1px solid #dfe3da;border-radius:12px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.owner-rights227 .check{display:flex;gap:10px;align-items:flex-start}.owner-rights227 input{flex:0 0 auto}.owner-dialog227 .row{flex-wrap:wrap}.owner-dialog227 button{white-space:normal}#ownerSettings227 [hidden]{display:none!important}@media(max-width:600px){.owner-dialog227 .grid2,.owner-rights227{grid-template-columns:1fr}.owner-employee227{align-items:flex-start;flex-direction:column}.owner-employee227>button{width:100%}}

.settings-bottom228{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:0 0 24px;align-items:stretch}.settings-bottom228>*,.owner-telegram228>.panel{min-width:0;box-sizing:border-box}.settings-bottom228>#clientLinks228,.owner-telegram228>.panel{margin:0;height:100%;padding:32px;justify-content:start}.owner-telegram228 h2{margin-top:0}.owner-telegram228 .linkbox,.settings-bottom228 .linkbox{overflow-wrap:anywhere;word-break:break-word}.owner-telegram228 [data-owner-message]:empty{display:none}.owner-telegram228 .button{display:inline-flex;max-width:100%;box-sizing:border-box;white-space:normal}.owner-telegram228 .row{flex-wrap:wrap}.settingsbar.settings-save228{position:static;inset:auto;width:100%;box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:0;padding:20px;border:1px solid var(--line,#dfe3da);border-radius:18px;background:var(--paper,#fffefa)}@media(max-width:900px){.settings-bottom228{grid-template-columns:minmax(0,1fr)}.settings-bottom228>#clientLinks228,.owner-telegram228>.panel{padding:24px}}

#ownerSettings227.owner-no-staff229{margin:0;gap:0}#onlineToggle229{white-space:normal;max-width:100%}

/* Booking actions use their action colour in both themes and appearance presets. */
#app button.online-toggle230{background:#b9edaa!important;border-color:#b9edaa!important;color:#fff!important;white-space:normal;line-height:1.35;max-width:100%}
#app button.online-toggle230[aria-pressed="true"]{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}
#app button.online-toggle230:hover{filter:brightness(.92)}
.master-summary230{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none}.master-summary230::-webkit-details-marker{display:none}.master-title230{min-width:0;overflow-wrap:anywhere}.master-title230::before{content:'▸';display:inline-block;margin-right:8px}.master[open]>.master-summary230 .master-title230::before{content:'▾'}.master-summary230>button{flex:0 0 auto;font-weight:400}.master-summary230~.weekrow:first-of-type{margin-top:20px}
@media(max-width:600px){.master-summary230{flex-wrap:wrap;gap:12px}.master-summary230>button{margin-left:auto;max-width:100%}}

.master-save232{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding-top:18px;margin-top:12px}.master-save232>button:disabled{cursor:default;opacity:.5}.master-save232 [role=status]{overflow-wrap:anywhere}

@layer barberMode233 {
html[data-theme=dark] body{background:#18231d!important;background-image:none!important;color:#e6ece6!important}
html[data-theme=dark] #app .main{background:transparent!important;color:#e6ece6!important}
html[data-theme=dark] #app .side{background:#111b15!important;background-image:none!important;color:#e6ece6!important}
html[data-theme=dark] #app .side :is(.brand,.eyebrow,.nav button,footer>span){color:inherit!important}
html[data-theme=dark] :is(#app .panel,#app .settingsbar,#app .filters204,#app .dashToolbar211,body>dialog,.picker209,.range210,.clock205,.dialoghead,.calendar,.calheads,.hours,.daycol,.monthday204,.tablewrap,th){background:#25312a!important;color:#e6ece6!important;border-color:#405046!important}
html[data-theme=dark] :is(#app .main,body>dialog,.picker209,.range210,.clock205) :is(button,select,textarea,input:not([type=checkbox]):not([type=radio])){background:#304337!important;color:#e6ece6!important;border-color:#53665a!important}
html[data-theme=dark] :is(#app .main,body>dialog,.picker209,.range210,.clock205) button:is(.primary,.active,[aria-pressed=true]){background:#35674a!important;color:#ffffff!important;border-color:#79b392!important}
html[data-theme=dark] :is(#app .main,body>dialog) :is(.muted,label,small,.eyebrow){color:#b8c6ba!important}
html[data-theme=dark] :is(#app .main,body>dialog) :is(input,textarea)::placeholder{color:#b0beb4!important;opacity:1!important}
html[data-theme=dark] :is(#app .note,#app .linkbox,#app .receipt){background:#304337!important;color:#e6ece6!important}
html[data-theme=dark] :is(#app .main,body>dialog) a{color:#a6d9b9!important}
html[data-theme=dark] :is(#app .main,body>dialog) :is(.error,button.danger){color:#ffb3b3!important}
html[data-theme=dark] .owner-status227{color:#b9edaa!important}
}
#appearanceControls{flex-wrap:wrap}#addressStatus233:empty{display:none}#shopMap .leaflet-control-attribution{font-size:10px}

@media(max-width:600px){#app .main .top{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}#app .main .top>div:first-child{width:100%;min-width:0}#app .main .top h1{word-break:normal;overflow-wrap:normal}#app .main .top>.row{justify-content:flex-end;max-width:100%;width:100%}#appearanceControls{flex:0 0 auto;margin-left:auto}}

.shop-map-actions234{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.shop-map-actions234>button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto}.shop-map-actions234>button>svg{flex:0 0 24px;width:24px;height:24px}.shop-map-actions234 [role=status]{min-width:0;flex:1 1 220px;overflow-wrap:anywhere}#shopMap .barber-pin234{background:none;border:0;filter:drop-shadow(0 3px 4px #0006)}.barber-pin-image234{position:absolute;top:0;left:2px;display:block;width:60px;height:60px;border:2px solid #fff;border-radius:18px;overflow:hidden;background:#f6dfc7}.barber-pin-image234 img{display:block;width:56px;height:56px;max-width:none}.barber-pin-stem234{position:absolute;left:30px;top:60px;width:4px;height:18px;background:#fff}.barber-pin-dot234{position:absolute;left:28px;top:76px;width:8px;height:8px;border-radius:50%;background:#fff;border:1px solid #173b20}#shopMap .barber-pin234:focus-visible{outline:3px solid #118ad9;outline-offset:4px;border-radius:18px}

#app details.settings-block235{display:block;margin:0 0 16px;padding:0;overflow:hidden}#app details.settings-block235>summary{display:list-item;list-style:disclosure-closed;cursor:pointer;padding:22px 26px;font-weight:700;font-size:1.15em;user-select:none}#app details.settings-block235[open]>summary{list-style:disclosure-open;border-bottom:1px solid var(--line,#dfe3da)}#app .settings-content235{padding:24px 26px;gap:18px}#app .settings-block235:not([open])>.settings-content235{display:none}#app #ownerSettings227{margin:0;gap:0}#app .settings-owner235>.panel{height:auto;padding:0}#app .shop-card235 .linkbox{overflow-wrap:anywhere;word-break:break-word}#app .shop-actions235{display:flex;gap:12px;flex-wrap:wrap}#app .shop-actions235>button{white-space:normal}.shop-qr235[hidden]{display:none!important}.shop-qr235{display:grid;justify-items:start;gap:18px;margin-top:24px}.shop-qr235 canvas{width:min(320px,100%);height:auto;background:#fff!important;border:12px solid white;border-radius:8px;image-rendering:pixelated}.shop-qr235 .row{flex-wrap:wrap}#addressStatus233{display:block;margin-top:8px;line-height:1.4}#app .settings-block235 input{min-width:0}@media(max-width:600px){#app details.settings-block235>summary{padding:18px}#app .settings-content235{padding:18px}.shop-actions235>button{flex:1 1 150px}}

#app details.settings-block235>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none}#app details.settings-block235>summary::-webkit-details-marker{display:none}#app details.settings-block235>summary::after{content:'+';font-size:1.4em;font-weight:400;line-height:1;flex:0 0 auto;color:inherit}#app details.settings-block235[open]>summary::after{content:'−'}#app details.settings-block235>summary:focus-visible{outline:3px solid #118ad9;outline-offset:-4px;border-radius:16px}#app:not(.sideCollapsed208) .side [data-tab=myshop] span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15}
@layer barberMode233 {#app:not(.sideCollapsed208) .side [data-tab=myshop]>span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15!important}}

/* sidebar236.css */
@layer sidebar226 {
 [data-sidebar225] .sidebar-separator225[role=separator]{cursor:default!important;outline:none!important;touch-action:pan-y}
 [data-sidebar225] .sidebar-separator225[role=separator]:hover{background:transparent!important}
 .sidebar-row225.separator-row225{cursor:default}
 .sidebar-row225.separator-row225 .sidebar-separator-name225{padding:12px;flex:1}
}
.separator-controls236{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.separator-controls236>label{display:grid;align-content:start;gap:8px;min-width:0}
.separator-controls236 select{width:100%;max-width:100%;min-width:0}
.separator-actions236{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.separator-status236{min-height:1.5em}

/* barber-shop237.css */
/* Reduce empty vertical spacing to 20% without compressing glyphs or QR quiet zones. */
#app .shop-page236 .shop-card235{row-gap:3.6px}
#app .shop-page236 .shop-card235 h2{margin-top:0;margin-bottom:3.6px}
#app .shop-page236 .shop-card235 h3{margin-top:0;margin-bottom:2.4px}
#app .shop-page236 .shop-card235 p{margin-top:.2em;margin-bottom:.2em;line-height:1.3}
#app .shop-page236 .shop-qr235{row-gap:3.6px;margin-top:4.8px;min-width:0;width:100%}
#app .shop-page236 .shop-qr235 canvas{display:block;max-width:100%;box-sizing:border-box}
#app .shop-page236 [data-qr-canvas235]{max-width:100%;min-width:0}
#app .shop-page236 :is(.shop-actions235,.shop-qr235 .row){row-gap:2.4px}
#app .shop-page236 .shop-qr235 .row{margin-top:0}
#app .shop-page236 [data-share-status235]:empty,#app .shop-page236 button[hidden]{display:none!important}
#app .shop-page236 .shop-bot-line236{overflow-wrap:anywhere}
@layer barberMode233 {
 #app .shop-page236 .shop-card235,#app .shop-page236 .shop-qr235{row-gap:3.6px!important}
 #app .shop-page236 :is(.shop-actions235,.shop-qr235 .row){row-gap:2.4px!important}
}

#app .shop-page236 .shop-delete237{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #dce2d8;border-radius:18px;padding:24px;background:#fffefa;color:#232821;box-shadow:0 20px 80px #0005}
#app .shop-page236 .shop-delete237::backdrop{background:#0007}
#app .shop-page236 .shop-delete237 .row{justify-content:flex-end;flex-wrap:wrap;margin-top:20px}
html[data-theme=dark] #app .shop-page236 .shop-delete237{background:#202b24;color:#f3f3e9;border-color:#4b5c50}

/* barber-gallery238.css */
/* Account group: one root icon, its children remain closed in compact mode. */
#app .nav .barber-account238{min-width:0;width:100%}
#app .nav [data-account238]{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding-right:26px}
#app .nav [data-account238] svg{flex:none;width:var(--nav-icon223,24px);height:var(--nav-icon223,24px);fill:none;stroke:currentColor;stroke-width:1.8}
#app .nav [data-account238] .account-plus238{position:absolute;right:8px;font-size:22px;font-weight:500}
#app .nav [data-account238][aria-expanded=true] .account-plus238{font-size:0}
#app .nav [data-account238][aria-expanded=true] .account-plus238::after{content:'−';font-size:22px}
#app .nav .barber-account-children238{padding-left:10px;border-left:1px solid #ffffff36;margin:4px 0 8px 10px}
#app .nav .barber-account-children238>button{width:100%}
#app.sideCollapsed208 .nav .barber-account-children238,#app.sideCollapsed208 .nav .account-plus238,#app .nav .barber-account-children238[hidden]{display:none!important}
.gallery-editor238{min-width:0}.gallery-heading238{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.gallery-heading238 h2{margin:0 0 4px}.gallery-section238{min-width:0}
.gallery-works238{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:16px;min-width:0}.gallery-works238[hidden]{display:none!important}.gallery-cover-grid238{max-width:620px;grid-template-columns:minmax(0,1fr)}
.gallery-item238{min-width:0}.gallery-thumb238,.public-cover238{display:block;width:100%;padding:0!important;border-radius:12px!important;overflow:hidden;border:1px solid var(--line,#dce1d8)!important;cursor:zoom-in;line-height:0!important;background:#e5e9e3!important;min-height:0!important}.gallery-thumb238 img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.gallery-cover-grid238 .gallery-thumb238 img{aspect-ratio:16/10}.gallery-item-actions238{margin-top:8px;gap:6px}.gallery-item-actions238 .danger{margin-left:auto}
.gallery-dialog238{box-sizing:border-box;width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 30px);overflow:auto;border:1px solid var(--line,#dce1d8);border-radius:18px;background:var(--paper,#fffefa);color:var(--ink,#232821);padding:24px}.gallery-dialog238::backdrop,.gallery-view238::backdrop{background:#000a}.gallery-source238{display:grid;gap:12px}.gallery-dialog238 video{display:block;width:100%;max-height:55dvh;background:#111;border-radius:12px;object-fit:contain}.gallery-dialog238 .row{justify-content:flex-end;gap:10px;flex-wrap:wrap}
.gallery-view238{box-sizing:border-box;width:min(1000px,calc(100vw - 16px));height:min(850px,calc(100dvh - 20px));max-width:calc(100vw - 16px);max-height:calc(100dvh - 20px);padding:14px;border:0;border-radius:16px;background:#131a16;color:#fff;overflow:hidden}.gallery-view238[open]{display:flex;flex-direction:column;gap:10px}.gallery-view-head238{display:flex;align-items:center;justify-content:space-between;gap:12px}.gallery-photo-stage238{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}.gallery-photo-stage238 img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;touch-action:pan-y pinch-zoom}.gallery-photo-stage238 img[hidden]{display:none}.gallery-view-nav238{display:flex;gap:12px;justify-content:center}.gallery-view238 button{background:#2d3931!important;color:#fff!important;border:1px solid #657367!important;min-width:44px;min-height:44px}.gallery-view238 [data-close238]{font-size:24px}
.public-gallery238{margin:20px 0;display:grid;gap:16px}.public-cover238{max-width:760px}.public-cover238 img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}.works-toggle238{justify-self:start}.public-gallery238 .gallery-works238{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr))}
html[data-theme=dark] .gallery-dialog238{background:#202c25;color:#f2f3ed;border-color:#536357}
@layer barberMode233 {
 #app .gallery-works238{gap:16px!important}#app .gallery-heading238{gap:14px!important}
 #app .gallery-thumb238{padding:0!important;line-height:0!important;min-height:0!important;overflow:hidden!important}
 #app .gallery-view238 .gallery-view-head238{background:#131a16!important;color:#fff!important}
 #app .gallery-view238 button{background:#2d3931!important;color:#fff!important}
}
@media(max-width:520px){.gallery-dialog238{padding:18px}.gallery-works238{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-cover-grid238{grid-template-columns:1fr}.gallery-item-actions238{gap:3px}.gallery-item-actions238 button{padding:6px 8px!important;font-size:13px!important;min-height:36px!important}.gallery-heading238{align-items:flex-start}}

/* barber-gallery239.css */
/* Compact uploaded-photo previews; the full-size viewer uses the saved image. */
@layer barberMode233 {
 #app .gallery-editor238 .gallery-works238 {
  display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;
  justify-content:flex-start!important;gap:16px!important;width:100%!important;max-width:100%!important;
 }
 #app .gallery-editor238 .gallery-item238 {
  flex:0 1 200px!important;width:200px!important;max-width:100%!important;min-width:0!important;
 }
 #app .gallery-editor238 .gallery-thumb238 {
  position:relative!important;box-sizing:border-box!important;display:block!important;
  width:100%!important;min-width:0!important;max-width:200px!important;
  height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:4 / 3!important;
  padding:0!important;overflow:hidden!important;
 }
 #app .gallery-editor238 .gallery-thumb238 img {
  position:absolute!important;inset:0!important;display:block!important;
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:cover!important;object-position:center!important;aspect-ratio:auto!important;
 }
}

/* myprofi-apps257.css */
/* The same install-button design is used in the cabinet and both app pages. */
.mp-install257{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:10px 14px;border:1px solid #244b39;border-radius:8px;background:#f5f5ef;color:#c52c23;font:inherit;font-weight:500;line-height:1.35;text-align:center;text-decoration:none;cursor:pointer}
.mp-install257:hover{background:#eaf0e6;border-color:#244b39}
.mp-install257:focus-visible{outline:3px solid #bd9960;outline-offset:3px}
#app .applications257{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;width:100%;margin:0;padding:24px;background:var(--paper,#fffefa);border:1px solid var(--line,#dce2d8);border-radius:18px}
#app .application257{min-width:0;display:flex;flex-direction:column;align-items:stretch}
#app .application257 .app-icon257{display:block;width:72px;height:72px;border-radius:18px;margin:0 0 14px}
#app .application257 h2{margin:0 0 16px;font-size:clamp(20px,2vw,26px);line-height:1.25}
#app .app-qr257{display:grid;place-items:center;min-width:0;padding:12px 0}
#app .app-qr257[aria-busy=true]{min-height:180px}
#app .app-qr257 canvas{display:block;width:min(100%,360px);height:auto;aspect-ratio:1;background:#fff}
#app .app-qr-actions257{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
#app .app-qr-actions257 button{min-height:40px;padding:8px 10px;font-size:13px;line-height:1.25;border-radius:10px}
#app .app-status257{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--muted,#687268)}
#app .app-status257:empty{display:none}
#app .app-retry257{margin-top:8px;align-self:center}
.install-sheet257{padding:20px;border:1px solid #dce1d6;border-radius:18px;background:#fffefa}
.install-platforms257{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
.install-platform257{display:grid;align-content:start;gap:12px;min-width:0}
.install-sheet257 .mp-install257{min-height:48px;font-size:16px}
.install-help257{border-top:1px solid #dce1d6;padding-top:16px}
.install-help257 h2{font-size:20px;line-height:1.25;margin:0 0 10px}
.install-help257 ol{margin:0 0 12px;padding-left:22px;line-height:1.6}
.install-help257:focus{outline:none}
@media(max-width:700px){#app .applications257{grid-template-columns:minmax(0,1fr);gap:28px;padding:16px}#app .application257 .app-icon257{width:60px;height:60px;border-radius:16px}#app .app-qr257 canvas{width:min(100%,320px)}}
@media(max-width:540px){.install-platforms257{grid-template-columns:minmax(0,1fr);gap:20px}.install-sheet257{padding:16px}}

/* myprofi-ui260.css */
/* Registration activity sheet, matching the requested compact card. */
.profession-paper260{height:auto!important;min-height:0!important;display:block!important;padding:24px!important}
.profession-paper260 h1{font-size:clamp(26px,4.6vw,34px);line-height:1.25;margin:18px 0 0}
.profession-paper260 .profession-grid259{margin-top:54px;gap:16px;grid-template-columns:1fr}
.profession-paper260 .profession-grid259 button{text-align:center;min-height:88px;font:400 36px/1.2 Georgia,'Times New Roman',serif;padding:18px;color:var(--ink,#242a23);border:1px solid var(--line,#dedfd7);border-radius:12px;background:transparent}
.profession-paper260 .profession-grid259 button:hover,.profession-paper260 .profession-grid259 button:focus-visible{border-color:#224c3b;background:#224c3b0b}
.activity-logo260{width:48px;height:48px;object-fit:contain;border-radius:10px;background:#f4f5f1}
.activity-preview260{display:flex;align-items:center;gap:12px;margin:8px 0 16px}.activity-preview260 img{width:72px;height:72px;object-fit:contain}
.payment-success260{padding:14px 18px;border:1px solid #9fbcab;border-radius:12px;background:#edf6ef;color:#224c3b;line-height:1.4}
#dealBoard>.deal-column{height:auto!important;max-height:none!important;box-sizing:border-box!important}
#dealBoard>.deal-column>.deal-cards{max-height:none!important;height:auto!important;overflow:visible!important}
@media(max-width:600px){.profession-paper260{padding:20px!important}.profession-paper260 .paper-head248{flex-wrap:nowrap;gap:10px}.profession-paper260 .paper-head248 .brand{font-size:26px;letter-spacing:-1px}.profession-paper260 .paper-head248 button{padding:12px;font-size:14px;min-height:46px}.profession-paper260 .profession-grid259 button{font-size:32px;min-height:84px}.profession-paper260 h1{font-size:29px}.profession-paper260 .profession-grid259{margin-top:48px}}
@media(max-width:370px){.profession-paper260{padding:14px!important}.profession-paper260 .paper-head248 .brand{font-size:21px}.profession-paper260 .paper-head248 button{padding:8px;font-size:12px}.profession-paper260 h1{font-size:25px}}

/* myprofi-ui264.css */
@layer nav261{
 #app .top{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:12px!important}#app .top>div:first-child{min-width:0!important;flex:1!important}#app .top>.row{flex-shrink:0!important;display:flex!important;align-items:center!important;gap:8px!important}
 #app .account-head263{width:44px!important;height:44px!important;padding:10px!important;display:grid!important;place-items:center!important;flex-shrink:0!important;border-radius:12px!important}#app .account-head263 svg{width:24px;height:24px}
 .account-popup263{position:fixed;right:16px;z-index:1500;display:grid;gap:4px;overflow:auto;width:min(280px,calc(100vw - 32px));padding:10px;border-radius:16px;background:var(--paper,#fff);color:var(--ink,#242a23);box-shadow:0 8px 32px #0003;border:1px solid var(--line,#ddd)}.account-popup263 button{text-align:left;min-height:44px;padding:10px 14px}
 #app .shop-qr235 [data-qr-canvas235],#app .app-qr257{width:320px!important;max-width:100%!important;margin:12px auto!important}#app .shop-qr235 canvas,#app .app-qr257 canvas{display:block!important;width:100%!important;height:auto!important;max-width:320px!important;aspect-ratio:760/860!important;background:white!important}
 @media(max-width:760px){#app .dashCards208{gap:8px!important;margin:8px 0!important}#app .dashCards208 .panel{margin:0!important;padding:12px!important}#app .dashCompare208{gap:8px!important;margin:12px 0!important}#app .top h1{font-size:clamp(20px,5vw,28px)!important;overflow-wrap:anywhere}#app .top>.row{flex-wrap:wrap!important;justify-content:flex-end!important;max-width:52%!important}#app .top #appearanceControls{display:flex!important;gap:4px!important}}
}
@layer nav261{
 @media(max-width:760px){#app>.side,#app.sideCollapsed208>.side{position:fixed!important;top:auto!important;bottom:0!important;height:calc(64px + env(safe-area-inset-bottom))!important;padding-top:0!important;padding-bottom:env(safe-area-inset-bottom)!important;margin-bottom:0!important;align-items:center!important}#app>.main{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}}
}
@layer nav261 {
 .account-header264{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-header264 h2{margin:0;font-size:20px}.account-popup263 .account-exit264{color:#c64b42;margin-top:12px;border-top:1px solid var(--line,#ddd)}
 #app .app-qr-actions257,#app .shop-qr235>.row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:400px!important;margin:12px auto!important}
 #app .app-qr-actions257>button,#app .shop-qr235>.row>button{width:100%!important;min-width:0!important;min-height:44px!important;padding:10px 8px!important;font:inherit!important;font-size:13px!important;text-align:center!important;border:1px solid var(--line,#ddd)!important;border-radius:10px!important;background:var(--paper,#fff)!important;color:var(--ink,#242a23)!important;white-space:normal!important;line-height:1.3!important}
 .profession-paper260 .profession-grid259 button{min-height:66px!important;padding:9px 18px!important}
 #app .services264 td:last-child{position:relative;padding-right:42px}#app .services264 .remove-service264{position:absolute;right:2px;top:50%;transform:translateY(-50%);padding:0;width:32px;height:44px;min-width:0}
 @media(max-width:760px){
  dialog.account-popup263[open]{position:fixed!important;inset:0!important;margin:0!important;width:100%!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;gap:10px!important;overflow-y:auto!important;background:var(--paper,#fff)!important;color:var(--ink,#242a23)!important}
  .account-popup263::backdrop{background:var(--paper,#fff)}.account-popup263 .account-header264{margin-bottom:18px;flex-shrink:0}.account-popup263>button{flex-shrink:0;min-height:52px!important}.account-popup263 .account-exit264{margin-top:auto!important}
  #app .services264{padding:12px!important;overflow:visible!important}#app .services264 table{table-layout:fixed!important;min-width:0!important;width:100%!important;font-size:13px!important}
  #app .services264 th,#app .services264 td{padding:10px 3px!important;white-space:normal!important;min-width:0!important}
  #app .services264 th{font-size:11px!important}#app .services264 th:nth-child(1){width:15%!important}#app .services264 th:nth-child(2){width:39%!important}#app .services264 th:nth-child(3){width:24%!important}#app .services264 th:nth-child(4){width:22%!important}
  #app .services264 input:not([type=checkbox]),#app .services264 select{width:100%!important;min-width:0!important;padding:10px 4px!important;font-size:16px!important;height:44px!important}
  #app .services264 input[type=checkbox]{width:20px!important;min-width:20px!important;height:20px!important;margin:0!important}
  #app .services264 td:last-child{padding-bottom:48px!important;vertical-align:top!important}#app .services264 .remove-service264{right:3px!important;top:auto!important;bottom:2px!important;transform:none!important;width:44px!important;height:40px!important}
  #app .services264~.settingsbar{position:static!important;display:flex!important;align-items:center!important;gap:10px!important;padding:12px!important}#app .services264~.settingsbar button{flex:0 0 42%;font-size:14px!important}#app .services264~.settingsbar span{font-size:13px!important}
 }
 @media(max-width:600px){.profession-paper260 .profession-grid259 button{min-height:63px!important;padding:9px 14px!important}}
}
@layer nav261 {
 html[data-theme=dark] .account-popup263{--paper:#25312a;--ink:#e6ece6;--line:#405046}
 html[data-theme=dark] #app .app-qr-actions257,html[data-theme=dark] #app .shop-qr235>.row{--paper:#304337;--ink:#e6ece6;--line:#53665a}
}

/* myprofi-ui265.css */
@layer nav261 {
 .sr265{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
 #app .calendar-controls265{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(280px,2fr)!important;gap:10px!important;align-items:end!important;padding:14px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--paper)!important}
 #app .calendar-controls265 .dashMaster211{grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important}
 #app .calendar-controls265 .dashPeriod211{grid-column:2!important;grid-row:1!important;display:grid!important;gap:8px!important;min-width:0!important;width:100%!important}
 #app .calendar-controls265 .dashDate209{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:6px!important;margin:0!important;width:100%!important}
 #app .calendar-controls265 .dashDate209 button{height:44px!important;min-height:44px!important;padding:8px 4px!important;min-width:0!important;line-height:1.2!important}
 #app .calendar-controls265 .periodLabel208{width:100%!important;white-space:nowrap!important;font-size:clamp(13px,2vw,16px)!important;font-variant-numeric:tabular-nums;text-decoration:none!important}
 #app .calendar-controls265 .dashViews211{grid-column:2!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;width:100%!important;margin:0!important}
 #app .calendar-controls265 .dashViews211 button{min-width:0!important;min-height:44px!important;padding:8px 4px!important;line-height:1.2!important}
 #app .schedule-controls265{grid-template-columns:minmax(0,1fr)!important}#app .schedule-controls265 .dashPeriod211,#app .schedule-controls265 .dashViews211{grid-column:1!important}
 #app .booking-fab265{display:none!important}
 #app .services265{padding:16px!important}#app .service-head265{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:0 0 12px;font-size:12px;color:var(--muted)}
 #app .service-item265{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(240px,1fr);gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
 #app .service-item265 label{min-width:0!important;margin:0!important}#app .service-item265 input:not([type=checkbox]),#app .service-item265 select{min-width:0!important;width:100%!important;height:44px!important;font-size:16px!important;padding:8px!important}
 #app .service-values265{display:grid;grid-template-columns:minmax(0,1fr) 100px 44px;gap:8px;align-items:center;min-width:0}
 #app .service-duration265{position:relative}#app .service-duration265 input{padding-right:30px!important;appearance:textfield!important}#app .service-duration265 input::-webkit-inner-spin-button{appearance:none}#app .service-duration265>span[aria-hidden]{position:absolute;right:7px;top:50%;transform:translateY(-50%);font-size:12px;pointer-events:none}
 #app .service-values265 button{width:44px;height:44px;padding:0!important;font-size:20px!important}
 #app .add-service265{display:grid;place-items:center;width:44px;height:44px;border-radius:50%!important;padding:0!important;font-size:28px!important;margin-top:12px}
 #app .service-save265 button{width:100%!important;min-height:44px!important}
 html[data-theme=dark] #app .calendar-controls265{--paper:#25312a;--line:#405046}
 @media(max-width:760px){
  #app>.main,#app.sideCollapsed208>.main{width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;padding:16px 12px calc(150px + env(safe-area-inset-bottom))!important;min-height:100dvh!important}
  #app .top{margin:0 0 20px!important;min-height:56px!important}#app .top h1{font-size:24px!important;margin:4px 0 0!important}#app .top .eyebrow{font-size:11px!important;letter-spacing:1px!important}
  #app .panel{border-radius:16px!important;padding:16px!important}#app .calendar-controls265{grid-template-columns:minmax(0,1fr)!important;margin:12px 0 20px!important;padding:12px!important}
  #app .calendar-controls265 .dashMaster211{grid-row:1!important}#app .calendar-controls265 .dashPeriod211{grid-column:1!important;grid-row:2!important}#app .calendar-controls265 .dashViews211{grid-column:1!important;grid-row:3!important}
  #app .schedule-controls265 .dashPeriod211{grid-row:1!important}#app .schedule-controls265 .dashViews211{grid-row:2!important}
  #app .dashCards208{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:0!important}#app .dashCards208>.panel{margin:0!important;padding:16px!important;min-height:132px!important}#app .dashCards208>.panel h3{font-size:16px!important;line-height:1.4!important;margin:0 0 12px!important}#app .dashCards208>.panel strong{font-size:27px!important}#app .dashCards208>.panel p{margin:18px 0 0!important;font-size:16px!important}
  #app #newBooking{display:none!important}#app .booking-fab265{display:grid!important;place-items:center!important;position:fixed!important;right:16px!important;bottom:calc(80px + env(safe-area-inset-bottom))!important;width:56px!important;height:56px!important;padding:0!important;border-radius:50%!important;font:400 36px/1 Arial,sans-serif!important;z-index:1000!important;box-shadow:0 4px 16px #0004!important}
  #app .service-item265{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:14px 0}#app .service-name265{grid-column:2;grid-row:1}#app .service-enabled265{grid-column:1;grid-row:1}#app .service-values265{grid-column:2;grid-row:2;grid-template-columns:minmax(0,1fr) 80px 40px;gap:6px}#app .service-values265 button{width:40px!important}
  #app .service-save265{position:fixed!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;z-index:900!important;padding:10px!important;margin:0!important;background:var(--paper)!important;border-radius:16px!important}
  #app[data-page=services]>.main{padding-bottom:calc(220px + env(safe-area-inset-bottom))!important}#app[data-page=services] .booking-fab265{bottom:calc(154px + env(safe-area-inset-bottom))!important}
  html[data-theme=dark] #app .service-save265{--paper:#25312a}
 }
 @media(max-width:360px){#app .service-values265{grid-template-columns:minmax(0,1fr) 68px 36px;gap:4px}#app .service-values265 button{width:36px!important}#app .calendar-controls265 .dashDate209{grid-template-columns:36px minmax(0,1fr) 36px!important;gap:4px!important}}
}

/* myprofi-ui268.css */
@layer update268{
#app[data-page=settings] .settingsbar,#app[data-page=masters] .settingsbar{position:fixed!important;bottom:0;left:var(--save-left268,222px);right:0;width:auto!important;z-index:40;display:flex!important;padding:10px 14px;background:var(--paper,#fffefb);border-top:1px solid var(--line,#dbe0d6);margin:0!important;gap:0}#app[data-page=settings] .settingsbar>button,#app[data-page=masters] .settingsbar>button{width:100%;min-height:48px}#app[data-page=settings] .settingsbar>span,#app[data-page=masters] .settingsbar>span{display:none}#app[data-page=settings] #page,#app[data-page=masters] #page{padding-bottom:85px}.sideCollapsed208[data-page=settings] .settingsbar,.sideCollapsed208[data-page=masters] .settingsbar{left:76px!important}#onlineToggle229:disabled{opacity:1;cursor:default}.busy268{text-decoration:line-through;opacity:.5;cursor:not-allowed}.booking-head268{display:flex;align-items:center;justify-content:space-between;gap:12px}.booking-timer268{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.2rem}.work268{width:100%;margin:14px 0}.work268.working268{background:#b45309!important;color:white!important}.photo-editor268,.earned268{width:min(660px,94vw);max-height:92dvh;overflow:auto;border-radius:20px;padding:22px;border:1px solid var(--line,#dbe0d6);background:var(--paper,#fffefb);color:var(--ink,#212923)}.photo-editor268 canvas{display:block;max-width:100%;max-height:40dvh;object-fit:contain;margin:12px auto}.photo-editor268 label{display:block;margin:8px 0}.photo-editor268 input[type=range]{width:100%}.earned-row268{display:grid;gap:5px;padding:14px 0;border-bottom:1px solid var(--line,#dbe0d6)}.earned268 footer{position:sticky;bottom:-22px;background:var(--paper,#fffefb);padding:16px 0}.dashCards208>section[role=button]{cursor:pointer}.summary204{margin:5px 0!important;padding:2px 4px!important}#scheduleBody204 .calendar{display:flex;flex-direction:column;height:var(--schedule-height268,65vh)!important;max-height:var(--schedule-height268,65vh)!important}#scheduleBody204 .calbody{flex:1}.notice268{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:min(480px,90vw);z-index:3000;padding:15px;border-radius:14px;background:#214f3d;color:white;box-shadow:0 5px 25px #0003}.notice268 button{color:inherit;float:right}.route268{display:flex;gap:8px;flex-wrap:wrap}.route268 a{padding:12px;border:1px solid var(--line,#dbe0d6);border-radius:12px}#dialog [data-services]{display:grid;gap:8px;margin-bottom:12px}#dialog [data-move-fields]{margin-top:12px}[data-move-fields][hidden]{display:none!important}
@media(max-width:760px){#app[data-page=settings] .settingsbar,#app[data-page=masters] .settingsbar{left:0!important;bottom:calc(64px + env(safe-area-inset-bottom));padding:8px 12px}.photo-editor268,.earned268{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;box-sizing:border-box;padding:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom))}#app[data-page=settings] #page,#app[data-page=masters] #page{padding-bottom:90px}.booking-head268{font-size:14px}.summary204{margin:3px 0!important}#app[data-page=schedule] .schedule-filter266{margin-bottom:5px!important}}

html[data-theme=dark] .photo-editor268,html[data-theme=dark] .earned268{--paper:#25312a;--ink:#eef3ec;background:var(--paper);color:var(--ink)}

@media(max-width:760px){#app:is([data-page=settings],[data-page=masters]) .booking-fab265{bottom:calc(150px + env(safe-area-inset-bottom))!important}}
}
/* myprofi-ui269.css */
@layer update269{
body>.save-dock269{position:fixed!important;inset:auto 0 var(--save-bottom269,0px) var(--save-left269,0px)!important;display:flex!important;width:auto!important;max-width:none!important;transform:none!important;visibility:visible!important;opacity:1!important;box-sizing:border-box!important;padding:8px 12px!important;margin:0!important;z-index:1100!important;border-radius:0!important;background:var(--paper,#fffefa)!important;border:0!important;border-top:1px solid var(--line,#dbe0d6)!important;gap:0!important}
body>.save-dock269>button{display:block!important;flex:1!important;width:100%!important;max-width:none!important;min-height:48px!important;margin:0!important}body>.save-dock269>span{display:none!important}
.earned-page269{display:block!important}.earned-page269>header{margin-bottom:16px}.earned-page269>[data-list]{margin-top:16px}.earned-page269>footer{padding:16px 0 80px}.earned-page269 .grid2{background:var(--paper,#fffefa);padding:16px;border:1px solid var(--line,#dbe0d6);border-radius:16px}.filter-toggle269{display:none}
dialog.booking-card269[open]{display:flex!important;flex-direction:column!important;height:min(950px,96dvh)!important;max-height:96dvh!important;overflow:hidden!important}dialog.booking-card269 .dialoghead{flex-shrink:0!important}dialog.booking-card269 .dialogbody{display:flex!important;flex-direction:column!important;min-height:0!important;flex:1!important;padding:0!important;overflow:hidden!important;gap:0!important}.booking-content269{overflow-y:auto;min-height:0;flex:1;padding:20px 24px}.booking-content269 label{margin-top:14px}.booking-content269 [data-autosave]{font-size:12px;color:var(--muted);min-height:18px;margin:4px 0}.booking-actions269{flex-shrink:0;padding:12px 24px 18px;background:var(--paper,#fffefa);border-top:1px solid var(--line,#dbe0d6)}.booking-actions269 .work268{margin:0 0 10px!important;min-height:48px;width:100%!important}.booking-secondary269{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}.booking-secondary269 button{padding:12px 6px;min-width:0}.booking-secondary269 button:disabled{opacity:.42!important;cursor:not-allowed!important}
dialog.photo-editor269[open]{display:flex!important;flex-direction:column!important;width:min(660px,96vw)!important;height:94dvh!important;max-height:94dvh!important;padding:0!important;overflow:hidden!important;background:var(--paper,#fffefa)!important;color:var(--ink,#232821)!important}.photo-editor269>header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:16px}.photo-editor269 h2{margin:0;font-size:20px}.photo-editor269 [data-rotate]{width:44px;height:44px;padding:10px;flex-shrink:0}.photo-editor269 svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.photo-scroll269{flex:1;overflow-y:auto;min-height:0;padding:10px 20px 20px}.photo-stage269{position:relative;margin:8px auto 12px;max-width:100%;touch-action:none;isolation:isolate}.photo-stage269 canvas{display:block;width:100%;height:100%}.crop-frame269{position:absolute;box-sizing:border-box;border:2px solid white;outline:1px solid #164d37;touch-action:none;cursor:move}.crop-frame269:before{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent 33%,#fffa 33%,#fffa 33.4%,transparent 33.4%,transparent 66%,#fffa 66%,#fffa 66.4%,transparent 66.4%)}.crop-frame269:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 33%,#fffa 33%,#fffa 33.4%,transparent 33.4%,transparent 66%,#fffa 66%,#fffa 66.4%,transparent 66.4%);pointer-events:none}.crop-frame269 button{position:absolute;width:30px!important;height:30px!important;min-width:0!important;padding:0!important;border:3px solid white!important;background:#24563f!important;border-radius:50%!important;z-index:2;touch-action:none}.crop-frame269 [data-edge=nw]{left:-13px;top:-13px;cursor:nwse-resize}.crop-frame269 [data-edge=ne]{right:-13px;top:-13px;cursor:nesw-resize}.crop-frame269 [data-edge=sw]{left:-13px;bottom:-13px;cursor:nesw-resize}.crop-frame269 [data-edge=se]{right:-13px;bottom:-13px;cursor:nwse-resize}.crop-help269{font-size:12px;margin:12px 0}.photo-editor269 input[type=range]{width:100%;padding:12px 0}.photo-editor269 label{margin-bottom:8px;display:block}.photo-editor269>footer{display:grid;grid-template-columns:1fr 2fr;gap:12px;padding:12px 16px;flex-shrink:0;background:var(--paper,#fffefa);border-top:1px solid var(--line,#dbe0d6)}
.alert269{width:min(360px,90vw)!important;padding:24px!important;text-align:center;box-sizing:border-box;position:fixed!important;inset:0!important;margin:auto!important;height:fit-content!important;max-height:80dvh!important;border-radius:18px!important}.alert269 p{margin:0 0 20px}.alert269 button{width:100%;min-height:44px}#slotHint:empty,#bookError:empty{display:none!important}#myBookings{margin-top:28px!important}.booking-tabs269{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}.booking-tabs269>button{min-width:0!important;width:100%!important;min-height:48px!important;font-size:clamp(12px,3.4vw,16px)!important;padding:12px 5px!important;white-space:normal!important}
html[data-theme=dark]{--paper:#25312a;--ink:#eef3ec;--line:#405046}.photo-editor269::backdrop,.alert269::backdrop{background:#14241bb0;backdrop-filter:blur(3px)}
@media(max-width:760px){
body>.save-dock269{left:0!important;right:0!important;padding:6px 8px!important}#app:is([data-page=settings],[data-page=masters]) #page{padding-bottom:90px!important}.booking-content269{padding:16px}.booking-actions269{padding:10px 12px 14px}.booking-secondary269 button{font-size:14px!important;min-height:46px!important}.photo-editor269>footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}dialog.photo-editor269[open]{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;inset:0!important;margin:0!important;border:0!important;border-radius:0!important}
.schedule-filter266.filters-closed269>.filters204,.schedule-filter266.filters-closed269 .dashPeriod211{display:none!important}.schedule-filter266 .schedule-controls265{position:relative!important;padding-right:38px!important}.schedule-filter266.filters-closed269{padding-top:8px!important;padding-bottom:8px!important}.schedule-filter266.filters-closed269 .schedule-controls265{margin:0!important;padding-top:0!important;padding-bottom:0!important}.filter-toggle269{display:block!important;position:absolute!important;right:0!important;bottom:0!important;width:34px!important;min-width:0!important;height:44px!important;padding:0!important;font-size:24px!important;background:transparent!important;border:0!important}.schedule-filter266 .dashViews211{margin:0!important;gap:5px!important}.schedule-filter266 .dashViews211 button{min-width:0!important;padding-left:5px!important;padding-right:5px!important}#scheduleBody204 .calendar{border-radius:14px!important}#app[data-page=schedule] #pageMessage:empty{display:none!important}
}
}

/* myprofi-ui271.css */
@layer update271 {
 .booking-actions269 .booking-total271{display:block!important;margin:0 0 12px!important;line-height:1.3!important;color:var(--muted,#70776c)!important}
 .booking-total271 input{display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;margin-top:5px!important}
 .booking-service271{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto!important;align-items:center!important;gap:10px!important;padding:8px 0!important;border-bottom:1px solid var(--line,#dbe0d6)!important;font-size:14px!important;line-height:1.4!important}
 .booking-service-name271{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .booking-service-price271,.booking-service-time271{white-space:nowrap!important}
 .booking-service271 [data-remove]{width:32px!important;min-width:0!important;height:40px!important;padding:0!important;margin:0!important;flex:none!important}
 .booking-service271 [data-remove]:disabled{opacity:.35!important;cursor:not-allowed!important}
 .dashboard-toggle271{display:none!important}
 #app .notifications271{padding:12px 18px!important;margin:0 0 16px!important}
 #app .notifications271>button{width:100%!important;margin:0!important;min-height:44px!important}
 #app .shop-qr235 [data-qr-canvas235],#app .app-qr257{margin:4px auto!important}
 #app .shop-qr235 canvas,#app .app-qr257 canvas{aspect-ratio:auto!important;height:auto!important;border:0!important;padding:0!important;border-radius:0!important}
 #app .app-qr-actions257,#app .shop-qr235>.row{margin:4px auto!important}
 #app .shop-page236 .shop-qr235{margin-top:4px!important;row-gap:0!important}
 #app .app-status257:empty{display:none!important}
 @media(max-width:760px){
  #app details.settings-block235{padding:0!important;min-height:0!important}
  #app details.settings-block235>summary{box-sizing:border-box!important;min-height:56px!important;padding:15px 18px!important;margin:0!important;line-height:1.35!important}
  #app .dashboard-filter271{position:relative!important;padding-right:50px!important;gap:8px!important}
  #app .dashboard-filter271.filters-closed271>.dashMaster211,#app .dashboard-filter271.filters-closed271>.dashPeriod211{display:none!important}
  #app .dashboard-filter271.filters-closed271{padding-top:8px!important;padding-bottom:8px!important}
  #app .dashboard-filter271>.dashViews211{margin:0!important;gap:5px!important;min-width:0!important}
  #app .dashboard-filter271 .dashViews211>button{min-width:0!important;padding-left:5px!important;padding-right:5px!important}
  #app .dashboard-toggle271{display:block!important;position:absolute!important;right:12px!important;bottom:8px!important;width:34px!important;min-width:0!important;height:44px!important;padding:0!important;font-size:24px!important;background:transparent!important;border:0!important;color:var(--ink,#232821)!important}
  .booking-service271{gap:6px!important;font-size:12px!important}
 }
}
.login-brand271{font-size:clamp(22px,5.5vw,30px);font-weight:800;letter-spacing:-.04em;white-space:nowrap;color:#232821}.login-brand271 span{color:#b39860}
body[data-role=pro] #intro253[hidden]{display:none!important}

/* myprofi-design272.css */
/* MYPROFI 272 · Figma 17 / Графитовый акцент.
   First important cascade layer: preserves legacy positioning/behaviour, replaces visual tokens. */
@layer design272 {
 html[data-design272] {
  color-scheme:light!important;
  --mp-bg:#f3f5ee;--mp-surface:#fff;--mp-ink:#252b27;--mp-muted:#626d65;
  --mp-line:#dde3d8;--mp-soft:#edf2e6;--mp-graphite:#2b332d;--mp-lime:#d5f574;--mp-on-dark:#f7faf1;
  --ink:var(--mp-ink)!important;--text:var(--mp-ink)!important;--muted:var(--mp-muted)!important;
  --line:var(--mp-line)!important;--border:var(--mp-line)!important;--paper:var(--mp-surface)!important;
  --panel:var(--mp-surface)!important;--surface:var(--mp-surface)!important;--bg:var(--mp-bg)!important;
  --green:var(--mp-graphite)!important;--gold:#66783a!important;--primary:var(--mp-graphite)!important;
  font-family:Inter,Arial,sans-serif!important;background:var(--mp-bg)!important;color:var(--mp-ink)!important;
 }
 html[data-design272][data-theme=dark] {
  color-scheme:dark!important;--mp-bg:#1e2520;--mp-surface:#2b332d;--mp-ink:#f7faf1;
  --mp-muted:#b8c2b5;--mp-line:#475246;--mp-soft:#354030;--green:#d5f574!important;--primary:#d5f574!important;
 }
 html[data-design272] body {background:var(--mp-bg)!important;color:var(--mp-ink)!important;font-family:Inter,Arial,sans-serif!important}
 html[data-design272] :is(button,input,select,textarea) {font-family:inherit!important}
 html[data-design272] :is(h1,h2,h3,strong,b) {color:inherit}
 html[data-design272] :is(.main,.platform-main50,.shell-main141,#page,#content) {background:transparent!important;color:var(--mp-ink)!important}
 html[data-design272] :is(.panel,.card,.paper248,.platform-card50,.platform-panel50,.auth-box,.receipt,.owner-dialog227,.owner-rights227,.app-card257,.gallery-card238,.earned-page269 .grid2) {background:var(--mp-surface)!important;color:var(--mp-ink)!important;border-color:var(--mp-line)!important;border-radius:22px!important;box-shadow:none!important}
 html[data-design272] :is(dialog,.account-popup263) {background:var(--mp-surface)!important;color:var(--mp-ink)!important;border-color:var(--mp-line)!important;border-radius:24px!important;box-shadow:0 20px 70px #17241d26!important}
 html[data-design272] dialog::backdrop {background:#1b241d80!important;backdrop-filter:blur(4px)!important}
 html[data-design272] :is(.dialoghead,.dialogbody,.modalhead,.booking-actions269,.photo-editor269>footer,.photo-editor269>header,.save-dock269,.settingsbar,.service-save265) {background:var(--mp-surface)!important;color:var(--mp-ink)!important;border-color:var(--mp-line)!important}
 html[data-design272] :is(label,.muted,small,.eyebrow,.tag,.summary204,.summary205,.map-note248,.map-footer245,.telegram-status248) {color:var(--mp-muted)!important}
 html[data-design272] :is(.brand,.login-brand271,.brand248,.logo) {color:var(--mp-ink)!important;font-weight:800!important;letter-spacing:-.04em!important}
 html[data-design272] :is(.brand,.login-brand271,.brand248) span {color:inherit!important}
 html[data-design272] a {color:var(--mp-ink)}
 html[data-design272] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea,.login-field259) {background:var(--mp-surface)!important;color:var(--mp-ink)!important;-webkit-text-fill-color:var(--mp-ink)!important;border:1px solid var(--mp-line)!important;border-radius:12px!important;box-shadow:none!important}
 html[data-design272] input::placeholder,html[data-design272] textarea::placeholder {color:var(--mp-muted)!important;opacity:.85!important}
 html[data-design272] :is(input[type=checkbox],input[type=radio],input[type=range],progress) {accent-color:#607e28!important}
 html[data-design272] :is(button,.button,.btn):where(:not(.taskcard204):not(.appointment)) {background:var(--mp-surface)!important;color:var(--mp-ink)!important;-webkit-text-fill-color:var(--mp-ink)!important;border-color:var(--mp-line)!important;border-radius:12px!important;box-shadow:none!important}
 html[data-design272] :is(button.primary,.button:not(.secondary),.btn-primary,.btn-dark,button[type=submit],.work268,.app-link220,.paper-bottom248 button.primary) {background:var(--mp-graphite)!important;color:var(--mp-on-dark)!important;-webkit-text-fill-color:var(--mp-on-dark)!important;border-color:var(--mp-graphite)!important;font-weight:600!important}
 html[data-design272] :is(button.active,button[aria-pressed=true],button[aria-selected=true],.subscription202 button[aria-pressed=true],.booking-tabs269 button.active) {background:var(--mp-lime)!important;color:#252b27!important;-webkit-text-fill-color:#252b27!important;border-color:var(--mp-lime)!important}
 html[data-design272] :is(button.danger,.danger,[data-cancel]) {background:#fff1f0!important;color:#a13232!important;-webkit-text-fill-color:#a13232!important;border-color:#edc7c5!important}
 html[data-design272] :is(.error,output.error) {color:#af2929!important}
 html[data-design272] [data-work].working268 {background:var(--mp-lime)!important;color:#252b27!important;-webkit-text-fill-color:#252b27!important}
 html[data-design272] :is(button,input,select,textarea,a,summary,[role=button]):focus-visible {outline:3px solid #7a9937!important;outline-offset:3px!important}
 html[data-design272] :is(button,input,select):disabled {opacity:.48!important;cursor:not-allowed!important}
 html[data-design272] :is(.note,.linkbox,.setup204,.location-summary248,.payment-success260) {background:var(--mp-soft)!important;color:var(--mp-ink)!important;border-color:var(--mp-line)!important;border-radius:12px!important}
 html[data-design272] :is(.top,.toolbar204,.filters204,.calendar-controls265,.schedule-filter266,.platform-toolbar50,.platform-head50,.document-filters45,.report-filters48,.directory-toolbar52,.modalhead) {background:var(--mp-surface)!important;color:var(--mp-ink)!important;border-color:var(--mp-line)!important;border-radius:22px!important;box-shadow:none!important}
 html[data-design272] #app .top {background:transparent!important;border:0!important;padding-left:0!important;padding-right:0!important}
 html[data-design272] #app .top h1 {font-weight:750!important;letter-spacing:-.04em!important}
 html[data-design272] #app .top .eyebrow {letter-spacing:.05em!important}
 html[data-design272] :is(.side,.platform-nav50,.shell-sidebar141,.mobile-nav266) {background:var(--mp-graphite)!important;color:var(--mp-on-dark)!important;border-color:#475246!important;box-shadow:none!important}
 html[data-design272] :is(.side,.platform-nav50,.shell-sidebar141,.mobile-nav266) :is(button,a,.brand,.shell-brand141,.eyebrow,footer,footer>span) {background:transparent!important;color:var(--mp-on-dark)!important;-webkit-text-fill-color:var(--mp-on-dark)!important;border-color:#4b584d!important}
 html[data-design272] :is(.side,.platform-nav50,.shell-sidebar141,.mobile-nav266) button:is(.active,[aria-current=page]) {background:var(--mp-lime)!important;color:#252b27!important;-webkit-text-fill-color:#252b27!important;border-color:transparent!important;border-radius:14px!important}
 html[data-design272] :is(.side,.platform-nav50,.shell-sidebar141,.mobile-nav266) button:is(.active,[aria-current=page]) :is(span,svg,.shell-icon141) {color:#252b27!important;-webkit-text-fill-color:#252b27!important}
 html[data-design272] :is(.side,.platform-nav50,.shell-sidebar141,.mobile-nav266) :is(svg,.shell-icon141) {color:inherit!important}
 html[data-design272] #app .account-head263 {width:48px!important;height:48px!important;border:0!important;border-radius:16px!important;background:var(--mp-surface)!important}
 html[data-design272] #app .booking-fab265 {background:var(--mp-lime)!important;color:#253124!important;-webkit-text-fill-color:#253124!important;border:0!important;box-shadow:0 5px 18px #26312120!important;border-radius:50%!important}
 html[data-design272] .calendar-controls265 {--paper:var(--mp-surface)!important;--line:var(--mp-line)!important}
 html[data-design272] #app .calendar-controls265 button {background:transparent!important;color:var(--mp-ink)!important;-webkit-text-fill-color:var(--mp-ink)!important;border:1px solid var(--mp-line)!important}
 html[data-design272] #app .calendar-controls265 button:is(.active,[aria-pressed=true]) {background:var(--mp-lime)!important;color:#252b27!important;-webkit-text-fill-color:#252b27!important;border-color:var(--mp-lime)!important;box-shadow:none!important}
 html[data-design272] :is(.calendar,.calheads,.calheads>div,.month204>b,th) {background:var(--mp-surface)!important;color:var(--mp-muted)!important;border-color:var(--mp-line)!important}
 html[data-design272] :is(td,th,.master,.weekrow,.booking-service271) {border-color:var(--mp-line)!important}
 html[data-design272] .daycol {background:repeating-linear-gradient(to bottom,var(--mp-surface) 0,var(--mp-surface) 29px,var(--mp-line) 29px,var(--mp-line) 30px)!important;border-color:var(--mp-line)!important}
 html[data-design272] :is(.monthday204,.blank204,.columns204>section,.deal-column,.deal-cards) {background:var(--mp-surface)!important;border-color:var(--mp-line)!important;color:var(--mp-ink)!important}
 html[data-design272] .monthday204.today {background:var(--mp-soft)!important}
 html[data-design272] :is(.taskcard204,.appointment,.deal-card) {background:var(--mp-soft)!important;border-color:#a6b886!important;color:var(--mp-ink)!important;border-radius:10px!important}
 html[data-design272] :is(.taskcard204.done,.appointment.done) {background:var(--mp-bg)!important;border-color:var(--mp-line)!important;color:var(--mp-muted)!important}
 html[data-design272] :is(.taskcard204 small,.appointment small) {color:inherit!important}
 html[data-design272] :is(.slots button:disabled,.slots button[aria-disabled=true]) {text-decoration:line-through!important}
 html[data-design272] :is(.shop-qr235 canvas,.app-qr257 canvas) {background:#fff!important}
 html[data-design272] :is(.profession248,.profession-grid259 button,.settings-block235>summary) {font-family:Inter,Arial,sans-serif!important;color:var(--mp-ink)!important}
 html[data-design272] .profession-grid259 button {font-size:20px!important}
 html[data-design272] :is(.map-search245,.location-bottom260,.map-footer245) {color:var(--mp-ink)!important}
 html[data-design272] :is(.map-search245 input,.locate248,#locate245,.map-search245 button) {background:var(--mp-surface)!important;color:var(--mp-ink)!important;border-color:var(--mp-line)!important}
 html[data-design272] .landing .hero h1 {font-size:clamp(30px,4.5vw,52px)!important;line-height:1.1!important;letter-spacing:-.045em!important}
 html[data-design272] .plans .panel {padding:24px!important}
 html[data-design272] .plans .price {font-size:30px!important;letter-spacing:-.035em!important}
 html[data-design272] .login {border-radius:24px!important}
 html[data-design272] .brand272 {font-size:12px;font-weight:800;letter-spacing:.02em;margin:0 0 14px}
 html[data-design272] .dashCards272 {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 html[data-design272] .dashCards272>.panel {margin:0!important;padding:18px!important;min-height:106px!important;border:0!important;border-radius:12px!important}
 html[data-design272] .dashCards272>.panel h3 {font-size:13px!important;font-weight:500!important;line-height:1.4!important;margin:0 0 10px!important}
 html[data-design272] .dashCards272>.panel strong {font-size:27px!important;font-weight:750!important;letter-spacing:-.035em!important;line-height:1.2!important;font-variant-numeric:tabular-nums}
 html[data-design272] .dashCards272>.panel p {font-size:12px!important;line-height:1.4!important;margin:8px 0 0!important}
 html[data-design272] .dashCards272>.revenue272 {grid-column:1/-1!important;grid-row:1!important;background:var(--mp-graphite)!important;color:var(--mp-on-dark)!important;border-radius:24px!important;padding:20px!important;min-height:134px!important;cursor:pointer}
 html[data-design272] .revenue272 :is(h3,strong,p,.muted) {color:var(--mp-on-dark)!important}
 html[data-design272] .dashCards272>.revenue272 strong {font-size:clamp(29px,7.5vw,36px)!important}
 html[data-design272] .upcoming272 {padding:20px!important;margin:16px 0!important;border:0!important;border-radius:22px!important}
 html[data-design272] .upcoming272 header {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
 html[data-design272] .upcoming272 h2 {font-size:16px!important;margin:0!important}
 html[data-design272] .upcoming272 header button {border:0!important;background:transparent!important;font-size:13px!important;padding:8px 0!important;white-space:nowrap!important;flex-shrink:0!important}
 html[data-design272] .upcoming272 .next272 {display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;width:100%;text-align:left;padding:12px 0;background:transparent!important;border:0!important;border-radius:0!important}
 html[data-design272] .next272 time {font-size:13px;font-weight:700}
 html[data-design272] .next272 strong {font-size:14px;display:block;margin-bottom:4px}
 html[data-design272] .next272 small {display:block;font-size:12px}
 html[data-design272] .extra-stats272 {margin:14px 0}.extra-stats272>summary{cursor:pointer;padding:12px 0;font-weight:600}
 html[data-design272] .extra-stats272 .dashCards208 {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 html[data-design272] .compareCard209 {grid-column:1/-1!important}
 html[data-design272] .dash-foot272 {font-size:12px;color:var(--mp-muted);padding:4px 4px 12px;line-height:1.7}
 @media(min-width:761px){html[data-design272] #app>.main{padding:28px 32px!important}html[data-design272] .dashCards272{grid-template-columns:2fr 1fr 1fr!important}html[data-design272] .dashCards272>.revenue272{grid-column:auto!important}html[data-design272] .upcoming272{max-width:none}}
 @media(max-width:760px){
  html[data-design272] #app>.main {padding-left:20px!important;padding-right:20px!important;padding-top:12px!important}
  html[data-design272] #app .top {margin-bottom:18px!important;gap:10px!important;flex-wrap:nowrap!important}
  html[data-design272] #app .top h1 {font-size:28px!important;line-height:1.14!important}
  html[data-design272] #app .top>.row {width:auto!important;flex:0 0 auto!important;gap:6px!important}
  html[data-design272] #app #appearanceControls button {padding:8px!important;min-width:34px!important;height:40px!important}
  html[data-design272] #app :is(.dashboard-filter271,.schedule-filter266) {margin:12px 0 16px!important;border:0!important;border-radius:24px!important}
  html[data-design272] #app .dashboard-filter271.filters-closed271 {padding:6px 46px 6px 8px!important;min-height:52px!important}
  html[data-design272] #app .dashboard-filter271.filters-closed271 .dashViews211 {grid-row:1!important}
  html[data-design272] #app .dashboard-toggle271 {bottom:6px!important;height:40px!important;right:6px!important}
  html[data-design272] #app .calendar-controls265 .dashViews211 button {min-height:40px!important;height:40px!important;border:0!important;font-size:13px!important;border-radius:9px!important}
  html[data-design272] #app>.mobile-nav266 {background:var(--mp-graphite)!important;border-top:0!important}
  html[data-design272] #app>.mobile-nav266>button {border-radius:14px!important;color:var(--mp-on-dark)!important;-webkit-text-fill-color:var(--mp-on-dark)!important}
  html[data-design272] #app>.mobile-nav266>button.active {background:var(--mp-lime)!important;color:#252b27!important;-webkit-text-fill-color:#252b27!important}
  html[data-design272] dialog.account-popup263[open] {background:var(--mp-bg)!important;color:var(--mp-ink)!important;border-radius:0!important}
  html[data-design272] dialog.account-popup263 button {background:var(--mp-surface)!important;color:var(--mp-ink)!important;border-color:var(--mp-line)!important}
  html[data-design272] .booking-service271 {font-size:12px!important}
  html[data-design272] .public {padding-left:18px!important;padding-right:18px!important}
  html[data-design272] .extra-stats272 .dashCards208>.panel {min-height:0!important;padding:16px!important;margin:0!important}
 }
 @media(max-width:370px){html[data-design272] #app>.main{padding-left:12px!important;padding-right:12px!important}html[data-design272] #app .top h1{font-size:24px!important}html[data-design272] .dashCards272>.panel{padding:14px!important}html[data-design272] .dashCards272>.panel strong{font-size:24px!important}}
}

/* myprofi-ui273.css */
@layer update273 {
@media(max-width:760px){
#app[data-page=schedule] .main{padding-bottom:var(--mobile-nav-height266,64px)!important}
#app[data-page=schedule] #pageMessage:empty{display:none!important}
#app[data-page=schedule] #scheduleBody204 .calendar{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
#app[data-page=clients] .main{padding-left:8px!important;padding-right:8px!important}
#app[data-page=clients] .tablewrap{padding:8px 3px!important;overflow:visible!important;width:100%!important}
#app[data-page=clients] table{table-layout:fixed!important;width:100%!important;min-width:0!important;font-size:12px!important}
#app[data-page=clients] :is(th,td){padding:12px 3px!important;white-space:normal!important;overflow-wrap:anywhere!important;min-width:0!important}
#app[data-page=clients] th{font-size:10px!important}
#app[data-page=clients] th:nth-child(1){width:24%}#app[data-page=clients] th:nth-child(2){width:30%}#app[data-page=clients] th:nth-child(3){width:19%}#app[data-page=clients] th:nth-child(4){width:27%}
}
dialog.new-booking273[open]{display:flex!important;flex-direction:column!important;height:92dvh!important;overflow:hidden!important}
dialog.new-booking273 .dialoghead{flex:none!important}
dialog.new-booking273 .dialogbody{min-height:0!important;overflow:auto!important;flex:1!important;padding-bottom:0!important}
.new-booking273 #bookingForm{min-height:100%;gap:16px}
.new-booking273 .booking-footer273{position:sticky!important;bottom:0!important;z-index:8;background:var(--mp-surface,var(--paper))!important;padding:8px 0 12px!important;margin-top:auto;box-shadow:0 -8px 16px var(--mp-surface,var(--paper))}
.new-booking273 .booking-footer273 .bookingTotal{padding:8px 0!important}
.new-booking273 .booking-footer273 .message:empty{display:none!important}
.new-booking273 .booking-master273{display:block!important}
.new-booking273 .booking-datetime273{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(0,1fr)!important;gap:8px!important}
.new-booking273 .booking-datetime273 select{padding:10px 3px!important;font-size:14px!important}
.public{background:var(--mp-bg);color:var(--mp-ink)}
.public #publicForm form>section,.public .receipt{background:var(--mp-surface)!important;border:1px solid var(--mp-line)!important;border-radius:22px!important;padding:18px!important}
.public .booking-tabs269{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:24px 0 16px!important}
.public .booking-tabs269 button{min-width:0!important;padding:12px 6px!important;font-size:14px!important}
.public .booking-tabs269 button.primary,.public .slots button.active{background:var(--mp-lime)!important;color:#252b27!important;border-color:var(--mp-lime)!important}
.public header{font-weight:700}.public .receipt h2{color:var(--mp-ink)!important}
}
/* myprofi-ui274.css */
@layer update274 {
html[data-design272][data-theme=dark]{--mp-line:#83917e!important;--line:#83917e!important;--border:#83917e!important}
html[data-design272][data-theme=dark] :is(button,.button,.btn,input,select,textarea,summary){border-color:#83917e!important}
html[data-design272][data-theme=dark] :is(button,.button,.btn):not(.taskcard204):not(.appointment){border-width:1px!important;border-style:solid!important}
html[data-design272][data-theme=dark] :is(button,.button,.btn):focus-visible{outline:3px solid #d5f574!important;outline-offset:2px!important}
html[data-design272][data-theme=dark] button:disabled{opacity:.65!important}
html[data-design272][data-theme=dark] :is(button.active,button[aria-pressed=true]){border-color:#d5f574!important}
}
@layer update274 {
html[data-design272][data-theme=dark] :is(.error,output.error){color:#ffb4ab!important}
}