.app-shell .sidebar{background:var(--navy);box-shadow:none;border-right:1px solid #29484b}.app-shell .sidebar>.brand,.app-shell .sidebar>.sidebar-label,.app-shell .sidebar>.sidebar-create,.app-shell .sidebar>.sidebar-bottom{flex-shrink:0}.app-shell .sidebar>.sidebar-label{color:#a5c7bd;letter-spacing:1.65px;margin:25px 13px 8px;font-size:10px}.app-shell .sidebar>.sidebar-create{background:var(--teal);color:#fff;border:1px solid #5aaf98;border-radius:9px;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:42px;margin:8px 0 12px;padding:0 13px;font-size:12px;font-weight:700;transition:background .16s,border-color .16s,transform .16s;display:flex;box-shadow:0 6px 15px #061a1a35}.app-shell .sidebar>.sidebar-create>svg{flex:none}.app-shell .sidebar>.sidebar-create:hover:not(:disabled){background:var(--teal-hover);border-color:#8ad6bb;transform:translateY(-1px)}.app-shell .sidebar>nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#54766f transparent;flex:1;min-height:0;padding-right:2px;overflow-y:auto}.app-shell .sidebar>nav::-webkit-scrollbar{width:5px}.app-shell .sidebar>nav::-webkit-scrollbar-thumb{background:#54766f;border-radius:8px}.app-shell .sidebar nav .primary-nav-button{transition:background .16s,color .16s,border-color .16s;position:relative}.app-shell .sidebar nav .primary-nav-button:hover:not(.active){color:#ecf8f4;border-color:#34585a}.app-shell .sidebar nav .primary-nav-button.active{background:#24464b;border-color:#436b64;box-shadow:inset 0 1px #ffffff08}.app-shell .sidebar nav .primary-nav-button.active:before{content:"";background:#8bceb6;border-radius:3px;width:3px;position:absolute;inset:8px auto 8px -1px}.app-shell .sidebar nav .primary-nav-button[aria-expanded=true]:not([aria-haspopup=dialog])>svg:last-child{transition:transform .18s;transform:rotate(90deg)}.app-shell .sidebar nav .nav-submenu{border-color:#53756d}.app-shell .sidebar nav .nav-submenu button{color:#bfd2cc;border:1px solid #0000;border-radius:7px;min-height:36px;margin:2px 0;transition:background .16s,color .16s,border-color .16s}.app-shell .sidebar nav .nav-submenu button:hover:not(.active){color:#fff;background:#173840}.app-shell .sidebar nav .nav-submenu button.active{color:#daf8ea;background:#214b45;border-color:#49766b;box-shadow:inset 2px 0 #8bceb6}.app-shell .sidebar button:focus-visible{z-index:1;outline-offset:2px;outline:2px solid #9ee6ca;position:relative}.sidebar-collapsed .sidebar>.sidebar-create{justify-content:center;width:44px;min-width:44px;margin:8px auto 12px;padding:0}.sidebar-collapsed .sidebar>.sidebar-create>span{display:none}.sidebar-collapsed .sidebar>nav{margin-top:4px}@media (max-height:720px){.app-shell .sidebar{padding-top:14px;padding-bottom:10px}.app-shell .sidebar>.sidebar-label{margin-top:16px;margin-bottom:6px}.app-shell .sidebar>.sidebar-create{min-height:38px;margin-top:4px;margin-bottom:8px}.app-shell .sidebar>nav{gap:3px}.app-shell .sidebar nav .primary-nav-button{min-height:38px;padding-block:8px}.app-shell .sidebar nav .nav-submenu button{min-height:32px;padding-block:6px}.app-shell .sidebar>.sidebar-bottom{padding-top:8px}.app-shell .sidebar .workspace-signal{margin:6px 0 8px;padding-top:10px}}@media (min-width:641px){.app-shell:not(.sidebar-collapsed){--sidebar-width:208px}}.app-shell .sidebar>nav{align-content:start;gap:4px}.app-shell .sidebar .nav-workspace{margin-bottom:0}.app-shell .sidebar nav .primary-nav-button{min-height:42px;padding:9px 12px}.app-shell .sidebar nav .nav-submenu{margin:4px 0 8px 22px;padding-left:8px}.app-shell .sidebar nav .nav-submenu button{width:100%}.app-shell .sidebar>.sidebar-label{margin-top:18px}.app-shell .sidebar nav .primary-nav-button[aria-expanded=true]{color:#e2f2e7;background:#1b3b43}.app-shell .sidebar nav .primary-nav-button[aria-expanded=true]:not([aria-haspopup=dialog])>svg:last-child{transform:rotate(90deg)}.dashboard-clock-disclosure,.dashboard-demo-disclosure{margin:0 0 16px}.dashboard-clock-disclosure>summary,.dashboard-demo-disclosure>summary{cursor:pointer;color:var(--teal);min-height:42px;padding:10px 0;font-size:12px;font-weight:650}.dashboard-clock-disclosure>summary>svg{vertical-align:middle;margin:0 7px}.dashboard-clock-disclosure>summary:focus-visible,.dashboard-demo-disclosure>summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.dashboard-clock-disclosure[open],.dashboard-demo-disclosure[open]{margin-bottom:20px}@media (pointer:coarse){.app-shell .sidebar nav button{min-height:44px}}@media (prefers-reduced-motion:reduce){.app-shell .sidebar button,.app-shell .sidebar nav svg{transition:none}}.dashboard-view .page-heading{margin-bottom:12px}.dashboard-view>.device-access{margin-bottom:8px}.dashboard-view>.demo-banner{margin-bottom:8px;padding:10px 16px}.dashboard-view .dashboard-clock-disclosure:not([open]),.dashboard-view .dashboard-demo-disclosure:not([open]){vertical-align:top;margin:0 24px 8px 0;display:inline-block}.dashboard-view .shop-suite{gap:12px}.dashboard-view .shop-suite>.alert{margin:0;padding:8px 12px}.dashboard-view .owner-studio{gap:16px}.dashboard-view .owner-studio>header h2{font-size:clamp(22px,2.2vw,28px)}.app-shell .sidebar .workspace-help-link{color:#c6ded2;border-radius:7px;align-items:center;gap:9px;min-height:40px;padding:9px 12px;font-size:12px;text-decoration:none;display:flex}.app-shell .sidebar .workspace-help-link:hover{color:#fff;background:#24464b}.app-shell .sidebar .workspace-help-link:focus-visible{outline-offset:2px;outline:2px solid #9ee6ca}.app-shell .sidebar .workspace-help-link>svg{flex:none}.app-shell .sidebar .workspace-help-link>svg:last-child{margin-left:auto}.app-shell.sidebar-collapsed .sidebar .workspace-help-link{justify-content:center;padding:9px 0}.app-shell.sidebar-collapsed .sidebar .workspace-help-link>span,.app-shell.sidebar-collapsed .sidebar .workspace-help-link>svg:last-child{display:none}.navigation-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.navigation-option-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.navigation-option-grid>button{border:1px solid var(--line);min-width:0;min-height:82px;color:var(--ink);text-align:start;font:inherit;cursor:pointer;background:#f8faf7;border-radius:12px;align-items:center;gap:12px;padding:15px;font-size:14px;font-weight:650;line-height:1.4;display:flex}.navigation-option-grid>button:hover,.navigation-option-grid>button[aria-current=page]{border-color:var(--teal);color:var(--teal);background:#edf6f0}.navigation-option-grid>button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.navigation-option-icon{width:38px;height:38px;color:var(--teal);background:#e4f0e9;border-radius:10px;flex:0 0 38px;place-items:center;display:grid}.navigation-option-grid>button>span:not(.navigation-option-icon){overflow-wrap:anywhere}.navigation-option-arrow{flex-shrink:0;margin-inline-start:auto}:is(.workspace-menu,nav)[dir=rtl] .navigation-option-arrow{transform:rotate(180deg)}.workspace-menu,.workspace-menu-groups{gap:16px;display:grid}.workspace-menu-search{background:var(--wash);min-height:44px;color:var(--teal);border:1px solid #d6e1dc;border-radius:8px;flex-direction:row;align-items:center;gap:8px;padding-inline:12px;display:flex}.workspace-menu-search:focus-within{outline:2px solid var(--teal);outline-offset:2px}.workspace-menu-search input{background:0 0;border:0;outline:0;min-width:0;min-height:44px;padding-inline:0;font-size:16px}.workspace-menu-groups h3{color:var(--muted);letter-spacing:0;margin:0 0 7px;font-size:13px}.workspace-menu .navigation-option-grid{gap:8px}.workspace-menu .navigation-option-grid>button{min-height:58px;padding:8px 10px}.workspace-menu .navigation-option-icon{flex-basis:32px;width:32px;height:32px}.workspace-menu-disclosure{border-block-start:1px solid var(--line)}.workspace-menu-disclosure>summary{min-height:44px;color:var(--teal);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding-inline:4px;font-weight:650;list-style:none;display:flex}.workspace-menu-disclosure>summary::-webkit-details-marker{display:none}.workspace-menu-disclosure>summary:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.workspace-menu-disclosure[open]>summary>svg{transform:rotate(180deg)}.workspace-menu .mobile-menu-actions{gap:8px;margin-top:0;padding-top:12px}.workspace-menu .mobile-menu-actions .button{white-space:normal;max-width:100%;min-height:44px}@media (max-width:800px){.navigation-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.navigation-option-grid{grid-template-columns:minmax(0,1fr);gap:10px}.navigation-option-grid>button{min-height:64px;padding:12px}}@media (max-width:640px){.workspace-menu,.workspace-menu-groups{gap:12px}.workspace-menu .navigation-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-menu .navigation-option-grid>button{gap:7px;min-height:50px;padding:7px 8px;font-size:13px}.workspace-menu .navigation-option-icon{border-radius:6px;flex-basis:25px;width:25px;height:25px}.workspace-menu .navigation-option-icon>svg{width:16px;height:16px}.workspace-menu .navigation-option-arrow{display:none}}.app-shell .sidebar{padding-top:12px;padding-bottom:10px;overflow-y:auto}.app-shell .sidebar>.brand{min-height:30px;font-size:21px}.app-shell .sidebar>.sidebar-label{margin:10px 12px 4px;font-size:9px}.app-shell .sidebar>.sidebar-create{min-height:34px;margin:4px 0 8px}.app-shell .sidebar>nav{scrollbar-gutter:stable;gap:2px;min-height:112px}.app-shell .sidebar nav .primary-nav-button{gap:9px;min-height:36px;padding:7px 10px}.app-shell .sidebar>.sidebar-bottom{border-top:1px solid #ffffff14;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:2px 4px;margin-top:6px;padding:4px 0 0;display:grid}.app-shell .sidebar .workspace-help-link,.app-shell .sidebar .sidebar-bottom>button{text-align:start;border-radius:6px;gap:4px;min-width:0;min-height:32px;margin:0;padding:5px 3px;font-size:11px;line-height:1.3}.app-shell .sidebar .workspace-help-link>svg:first-child,.app-shell .sidebar .sidebar-bottom>button>svg{flex-shrink:0;width:14px;height:14px}.app-shell .sidebar .workspace-help-link>svg:last-child,.app-shell:not(.sidebar-collapsed) .sidebar .workspace-help-link>svg:first-child{display:none}.app-shell .sidebar .workspace-help-link>span,.app-shell .sidebar .sidebar-bottom>button>span{overflow-wrap:anywhere;min-width:0}.app-shell .sidebar .sidebar-bottom>button:hover:not(:disabled){color:#fff;background:#24464b}.app-shell .sidebar .workspace-signal{grid-column:1/-1;gap:6px;margin:3px 0;padding:6px 3px 2px;line-height:1.35}.app-shell .sidebar .workspace-signal>span:last-child{overflow-wrap:anywhere;min-width:0}.app-shell .sidebar .workspace-signal small{margin-top:2px;font-size:10px}.app-shell.sidebar-collapsed .sidebar>.sidebar-bottom{grid-template-columns:minmax(0,1fr)}.app-shell.sidebar-collapsed .sidebar nav .primary-nav-button{padding:7px 0}@media (pointer:coarse){.app-shell .sidebar>.sidebar-create,.app-shell .sidebar nav button,.app-shell .sidebar nav .primary-nav-button,.app-shell .sidebar .workspace-help-link,.app-shell .sidebar .sidebar-bottom>button{min-height:44px}}.workspace-content>.demo-banner.demo-banner-compact{flex-wrap:wrap;align-items:center;gap:4px 18px;margin-bottom:12px;padding:8px 12px;display:flex}.demo-banner-compact .demo-banner-line{flex:1;justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.demo-banner-compact .demo-banner-line strong{font-size:12px}.demo-banner-compact .demo-banner-line a{white-space:nowrap;font-size:12px}.demo-banner-compact .demo-options{font-size:12px}.demo-banner-compact .demo-options>summary{cursor:pointer;min-height:32px;color:var(--teal);align-content:center}.demo-banner-compact .demo-options[open]{flex-basis:100%}.demo-banner-compact .demo-options-content{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0 4px;display:flex}.demo-banner-compact .demo-options-content>label{max-width:100%}.demo-banner-compact .demo-options-content .button{margin-top:0}.demo-banner-compact .demo-options-content .device-access{flex-basis:100%;margin:0}@media (max-width:650px){.demo-banner-compact .demo-banner-line{flex-basis:100%}.demo-banner-compact .demo-options>summary{min-height:36px}.demo-banner-compact .demo-options-content{align-items:stretch}}