:root{--ap-menu:#e4e4e4;--ap-base:rgba(255,255,255,0.05);--ap-row-bg:rgba(0,0,0,0.3);--ap-border:rgba(255,255,255,0.085);--ap-one:#6f95db;--ap-two:#c5ac5a;--ap-three:#a765cd;--ap-four:#0eaba3}.app-preview-viewport{width:100%;display:flex;justify-content:center}.app-preview-stage{flex-shrink:0;display:flex;justify-content:center}.app-preview-frame{width:100%;max-width:1440px;margin:0 auto;overflow:hidden;position:relative;transition:box-shadow 2s ease}.app-preview-frame,.app-preview-frame[data-section=commissary]{--glass-color:rgba(111,149,219,0.45);--glass-accent:rgba(111,149,219,0.15)}.app-preview-frame[data-section=commissary]{box-shadow:0 0 20px 3px rgba(111,149,219,.1),0 0 40px 10px rgba(111,149,219,.02)}.app-preview-frame[data-section=laboratory]{--glass-color:rgba(197,172,90,0.45);--glass-accent:rgba(197,172,90,0.15);box-shadow:0 0 20px 3px rgba(197,172,90,.1),0 0 40px 10px rgba(197,172,90,.02)}.app-preview-frame[data-section=office]{--glass-color:rgba(167,101,205,0.45);--glass-accent:rgba(167,101,205,0.15);box-shadow:0 0 20px 3px rgba(167,101,205,.1),0 0 40px 10px rgba(167,101,205,.02)}.app-preview-frame[data-section=neutral]{--glass-color:rgba(14,171,163,0.45);--glass-accent:rgba(14,171,163,0.15);box-shadow:0 0 20px 3px rgba(14,171,163,.1),0 0 40px 10px rgba(14,171,163,.02)}.app-preview-frame:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.45) 0,var(--glass-accent) 15%,rgba(255,255,255,.08) 25%,var(--glass-color) 40%,rgba(255,255,255,.04) 55%,rgba(255,255,255,.38) 70%,var(--glass-accent) 85%,rgba(255,255,255,.06) 100%);background-size:400% 400%;animation:liquid-glass 22s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;transition:background 2s ease}@keyframes liquid-glass{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.app-preview-shell{width:1920px;height:1080px;transform-origin:top left;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--tw-spacing-px:1px;--tw-spacing-0-5:2px;--tw-spacing-1:4px;--tw-spacing-1-5:6px;--tw-spacing-2:8px;--tw-spacing-2-5:10px;--tw-spacing-3:12px;--tw-spacing-3-5:14px;--tw-spacing-4:16px;--tw-spacing-5:20px;--tw-spacing-6:24px;--tw-spacing-7:28px;--tw-spacing-8:32px;--tw-spacing-9:36px;--tw-spacing-10:40px;--tw-spacing-11:44px;--tw-spacing-12:48px;--tw-spacing-14:56px;--tw-spacing-16:64px;--tw-spacing-20:80px;--tw-spacing-24:96px;--tw-rounded-none:0px;--tw-rounded-sm:2px;--tw-rounded-default:4px;--tw-rounded-md:6px;--tw-rounded-lg:8px;--tw-rounded-xl:12px;--tw-rounded-2xl:16px;--tw-rounded-3xl:24px;--tw-rounded-full:9999px;--icon-2:8px;--icon-3:12px;--icon-4:16px;--icon-5:20px;--icon-6:24px;--icon-7:28px;--icon-8:32px;--icon-9:36px;--icon-10:40px;--icon-11:44px;--icon-12:48px;--icon-32:128px;--sidebar-width:180px;--sidebar-width-compact:64px;--sidebar-logo-size:96px;--sidebar-logo-size-compact:45px;--sidebar-icon-size:17.6px;--nav-button-width:160px;--nav-button-height:24px;--ap-text-4xs:5px;--ap-text-3xs:8px;--ap-text-2xs:10px;--ap-text-xs:var(--text-xs);--ap-text-sm:var(--text-sm);--ap-text-base:var(--text-base);--ap-text-lg:var(--text-lg);--ap-text-xl:var(--text-xl);--ap-text-title:var(--text-2xl);--ap-sp-px:var(--tw-spacing-px);--ap-sp-05:var(--tw-spacing-0-5);--ap-sp-1:var(--tw-spacing-1);--ap-sp-15:var(--tw-spacing-1-5);--ap-sp-2:var(--tw-spacing-2);--ap-sp-25:var(--tw-spacing-2-5);--ap-sp-3:var(--tw-spacing-3);--ap-sp-35:var(--tw-spacing-3-5);--ap-sp-4:var(--tw-spacing-4);--ap-sp-5:var(--tw-spacing-5);--ap-sp-6:var(--tw-spacing-6);--ap-sp-7:var(--tw-spacing-7);--ap-sp-8:var(--tw-spacing-8);--ap-sp-9:var(--tw-spacing-9);--ap-sp-10:var(--tw-spacing-10);--ap-sp-12:var(--tw-spacing-12);--ap-radius-sm:var(--tw-rounded-lg);--ap-radius-md:var(--tw-rounded-xl);--ap-radius-lg:var(--tw-rounded-2xl);--ap-radius-xl:var(--tw-rounded-3xl);--ap-icon-3:var(--icon-3);--ap-icon-4:var(--icon-4);--ap-icon-5:var(--icon-5);--ap-icon-6:var(--icon-6);--ap-icon-7:var(--icon-7);--ap-icon-8:var(--icon-8);--ap-sidebar-icon:var(--sidebar-icon-size);--toggle-percent:#eb804b;--toggle-percent-rgb:235,128,75;--toggle-currency:#c5ac5a;--toggle-currency-rgb:197,172,90;--filter-color-primary:rgba(111,149,219,0.85);--filter-color-primary-solid:#6f95db;--filter-color-border:rgba(111,149,219,0.7);--filter-color-shadow:rgba(111,149,219,0.18);--ap-halo-color:rgba(111,149,219,0.18);--ap-halo-color-hover:rgba(111,149,219,0.26);--color-menu-element:#e4e4e4;--color-menu-element-hover:#b3b3b3;--color-menu-element-light:#d0d0d0;--sidebar-one-color:#6f95db;--sidebar-two-color:#c5ac5a;--sidebar-three-color:#a765cd;--sidebar-four-color:#0eaba3;--sidebar-five-color:#ba754a;--form-field-bg:rgba(0,0,0,0.3);--form-field-border:rgba(255,255,255,0.35);--form-field-hover-focus:rgba(0,0,0,0.1);--sidebox-global-bg:rgba(255,255,255,0.05);--sidebox-header-bg:rgba(0,0,0,0.25);--sidebox-products-bg:rgba(255,255,255,0.05);--sidebox-details-bg:rgba(255,255,255,0.05);--scrollbar-track-color:transparent;--scrollbar-line-color:var(--color-menu-element);--scrollbar-thumb-color:#5a5a5a;--scrollbar-thumb-hover:#7a7a7a;--scrollbar-halo-color:rgba(255,255,255,0.08);--chevron-color:#ffd000;--indicator-target-height:2.5rem;position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px var(--ap-border),0 32px 64px -12px rgba(0,0,0,.6);border:1px solid var(--ap-border);font-size:var(--ap-text-base)}.app-preview-shell .fill-menu-element,.app-preview-shell .stroke-menu-element{color:var(--color-menu-element)}.app-preview-shell .fill-sidebar-one{fill:var(--sidebar-one-color,#6f95db);color:var(--sidebar-one-color,#6f95db)}.app-preview-shell .fill-sidebar-two{fill:var(--sidebar-two-color,#c5ac5a);color:var(--sidebar-two-color,#c5ac5a)}.app-preview-shell[data-section=commissary]{--ap-halo-color:rgba(111,149,219,0.18);--ap-halo-color-hover:rgba(111,149,219,0.26)}.app-preview-shell[data-section=laboratory]{--ap-halo-color:rgba(197,172,90,0.18);--ap-halo-color-hover:rgba(197,172,90,0.26)}.app-preview-shell[data-section=office]{--ap-halo-color:rgba(167,101,205,0.18);--ap-halo-color-hover:rgba(167,101,205,0.26)}.app-preview-shell[data-section=neutral]{--ap-halo-color:rgba(14,171,163,0.18);--ap-halo-color-hover:rgba(14,171,163,0.26)}.app-preview-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.app-preview-body{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100%;padding:var(--tw-spacing-3);position:relative;z-index:1}.app-preview-sidebar{display:flex;flex-direction:column;padding:0 var(--tw-spacing-3);margin-top:var(--tw-spacing-2-5);margin-bottom:var(--tw-spacing-2-5);overflow:visible;position:relative;justify-content:flex-start}.ap-sidebar-logo{display:flex;align-items:center;justify-content:center;margin-bottom:var(--tw-spacing-6);margin-top:var(--tw-spacing-4)}.ap-sidebar-logo img,.ap-sidebar-logo svg{width:var(--sidebar-logo-size);height:auto;opacity:.92}.app-preview-shell .indicator-circle-bottom,.app-preview-shell .indicator-circle-top{border-width:1.5px;border-style:solid;background:transparent;width:8px!important;height:8px!important}.app-preview-shell .indicator-line-bottom-bar,.app-preview-shell .indicator-line-top-bar{width:1px;min-width:1px}.ap-nav-sections{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--tw-spacing-10);overflow:visible}.ap-section-header{font-size:var(--ap-text-sm);font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--tw-spacing-3);background:linear-gradient(90deg,var(--ap-gradient-start),var(--ap-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.ap-section-items{display:flex;flex-direction:column;gap:var(--tw-spacing-5)}.ap-nav-item{gap:var(--tw-spacing-2);padding:1px 0;cursor:pointer;position:relative}.ap-icon-shell,.ap-nav-item{display:flex;align-items:center}.ap-icon-shell{flex-shrink:0;transition:transform .2s ease-in-out;transform-origin:center}.ap-nav-item .ap-icon{width:var(--ap-sidebar-icon);height:var(--ap-sidebar-icon);flex-shrink:0;transition:transform .4s cubic-bezier(.22,1,.36,1),background-color .2s ease-in-out;z-index:2}.ap-nav-label{font-size:var(--ap-text-base);white-space:nowrap;transition:color .2s ease-in-out,font-weight .2s ease-in-out;transform:translateX(var(--tw-spacing-1))}.ap-today-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;min-height:var(--nav-button-height);width:var(--nav-button-width);margin-top:var(--tw-spacing-6);margin-left:calc(var(--tw-spacing-4) * -1);padding:var(--tw-spacing-2) var(--tw-spacing-4);border-radius:9999px;box-sizing:border-box;background:rgba(0,0,0,.1);border:1.5px solid rgba(71,85,105,.5);box-shadow:none;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap}.ap-today-btn:hover{background:rgba(0,0,0,.12);border-color:rgba(71,85,105,.6);transform:translateY(-1px);box-shadow:0 2px 8px rgba(227,227,227,.15)}.ap-today-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(82,129,182,.35) 45%,rgba(170,100,163,.35) 55%,transparent);transform:translateX(-100%);opacity:0;transition:transform .6s ease-out,opacity .3s ease-out;z-index:0;border-radius:inherit}.ap-today-btn:hover:before{opacity:1;transform:translateX(100%)}.ap-today-btn[data-active=true]{background:rgba(255,255,255,.1)}.ap-today-btn>div{width:100%;position:relative;z-index:1}.ap-today-btn-content{display:flex;align-items:center;gap:var(--tw-spacing-2);width:100%;justify-content:flex-start}.ap-today-icon-wrap{display:flex;align-items:center;flex-shrink:0;transition:transform .2s ease-in-out;transform-origin:center}.ap-today-icon{width:var(--ap-sidebar-icon);height:var(--ap-sidebar-icon);flex-shrink:0;transition:background-color .2s ease-in-out;z-index:2}.ap-today-label{font-size:var(--ap-text-base);white-space:nowrap;opacity:1;transform:translateX(var(--tw-spacing-1));transition:color .2s ease-in-out,font-weight .2s ease-in-out}.app-preview-right{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;gap:var(--ap-sp-3);padding:0 var(--tw-spacing-5) var(--tw-spacing-5) var(--tw-spacing-5)}.ap-header-bar{display:flex;align-items:center;justify-content:space-between;padding-right:var(--tw-spacing-2);margin-top:var(--tw-spacing-2);margin-bottom:var(--tw-spacing-6);flex-shrink:0}.ap-header-title{font-weight:900;text-transform:uppercase;font-size:var(--ap-text-title);letter-spacing:.02em;line-height:1.2;flex-shrink:0;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ap-header-search-zone{flex:1;display:flex;justify-content:center;min-width:0;margin:0 var(--tw-spacing-4)}.ap-header-search{display:flex;align-items:center;gap:var(--tw-spacing-2);height:var(--tw-spacing-8);padding:0 var(--tw-spacing-2);border-radius:2rem;background:rgba(255,255,255,.04);border:1.2px solid rgba(255,255,255,.1);box-shadow:0 1px 8px 0 rgba(38,113,159,.04);color:var(--color-menu-element);font-size:var(--text-sm);max-width:400px;width:100%;flex-shrink:1;min-width:0}.ap-header-search-icon{width:var(--icon-5);height:var(--icon-5);flex-shrink:0;color:var(--color-menu-element);padding-left:2px}.ap-header-icons{display:flex;align-items:center;gap:var(--tw-spacing-8);flex-shrink:0;margin-left:auto}.ap-header-company-group{display:flex;align-items:center;gap:var(--ap-sp-05)}.ap-header-company-label{position:relative;z-index:1;display:block}.ap-header-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--ap-icon-6);height:var(--ap-icon-6);border-radius:50%;color:var(--ap-menu);flex-shrink:0;overflow:visible;background:transparent;border:none;box-shadow:none;transition:none}.ap-header-icon-svg{width:100%;height:100%;display:block}.ap-header-company-chevron{width:var(--ap-icon-5);height:var(--ap-icon-5)}.ap-header-icons .ap-preview-text-btn{min-height:var(--tw-spacing-7);padding-inline:var(--tw-spacing-4);font-size:var(--text-sm)}.ap-header-icon-badge{position:absolute;top:-1px;right:-1px;width:6px;height:6px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 1px rgba(15,24,35,.95)}.app-preview-card{background:var(--ap-base);border-radius:var(--tw-rounded-2xl);overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.app-preview-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-preview-shell .horizontal-selector-text{font-size:var(--text-sm)}.app-preview-shell ul[style*=horizontal-selector-gap]{gap:1rem!important}.ap-action-icons{display:flex;align-items:center;gap:var(--tw-spacing-9);flex-shrink:0}.ap-action-dot{width:var(--ap-icon-6);height:var(--ap-icon-6);border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:var(--ap-menu);position:relative;overflow:visible;transition:none}.ap-action-dot:not(.ap-ingredients-header-tool) svg,.ap-action-dot:not(.ap-ingredients-header-tool)>div{width:var(--ap-icon-5)!important;height:var(--ap-icon-5)!important}.ap-preview-text-btn{display:inline-flex;align-items:center;gap:var(--tw-spacing-1-5);min-height:var(--tw-spacing-9);padding-inline:var(--tw-spacing-3);color:var(--ap-menu);font-size:var(--ap-text-base);font-weight:500}.ap-preview-text-btn-compact{padding-inline:var(--ap-sp-3)}.ap-preview-text-btn span{line-height:1}.ap-preview-text-btn-active{background:rgba(71,85,105,.22)!important;border-color:rgba(71,85,105,.75)!important;box-shadow:0 0 0 1px rgba(15,23,42,.28)}.ap-preview-period-nav{display:inline-flex;align-items:center;gap:var(--ap-sp-25)}.ap-preview-period-label,.ap-preview-period-range{display:inline-flex;align-items:center;justify-content:center;gap:var(--ap-sp-2);color:var(--ap-menu);font-size:var(--ap-text-sm);font-weight:600;min-width:130px}.ap-preview-period-range span{min-width:65px;text-align:center}.ap-period-arrow-btn{width:var(--ap-icon-4);height:var(--ap-icon-4)}.ap-period-calendar-btn{width:var(--ap-icon-5);height:var(--ap-icon-5);margin-left:var(--ap-sp-05)}.ap-toggle-chevron{margin-top:auto;display:flex;justify-content:flex-end;padding-bottom:var(--ap-sp-05);padding-right:0;opacity:.62}.ap-toggle-chevron svg{width:28px;height:28px}.ap-disabled{pointer-events:none!important;cursor:default!important}.ap-nav-item.ap-nav-disabled,.ap-today-btn.ap-nav-disabled{pointer-events:none;cursor:default}.ap-today-btn.ap-nav-disabled:hover{background:rgba(0,0,0,.1);border-color:rgba(71,85,105,.5);transform:none;box-shadow:none}.ap-today-btn.ap-nav-disabled:hover:before{opacity:0;transform:translateX(-100%)}.ap-disabled button:hover .action-btn-hover{border-color:transparent!important;box-shadow:none!important;transform:none!important}.ap-disabled button:hover .action-btn-hover:before{opacity:0!important;transform:translateX(-100%)!important}.screen-ingredients button.calendar-btn,.screen-ingredients button.time-btn{pointer-events:auto!important;cursor:pointer!important}@keyframes ap-enter{0%{opacity:0}to{opacity:1}}.ap-screen-enter{animation:ap-enter .15s cubic-bezier(.2,0,.1,1)}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;overflow:hidden;width:auto!important;height:auto!important;z-index:0}.simplebar-mask,.simplebar-offset{position:absolute;padding:0;margin:0;left:0;top:0;bottom:0;right:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;z-index:-1}.simplebar-height-auto-observer,.simplebar-track{position:absolute;overflow:hidden;pointer-events:none}.simplebar-track{z-index:1;right:0;bottom:0}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;opacity:0;transition:opacity .2s linear .5s}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}