:root{--primary-color:#252525;--primary-hover:#111;--secondary-color:#e2a400;--accent-color:#44546f;--bg-cream:#f7f8fa;--bg-white:#fff;--bg-card:#ffffffd9;--font-headline:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-headline:#121212;--color-body:#595858;--border-color:#25252514;--border-focus:#25252566;--shadow-sm:0 2px 4px #00000005;--shadow-md:0 10px 30px #2525250f;--shadow-lg:0 20px 40px #2525251a;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.175, .885, .32, 1.275)}@media screen and (width<=768px){.responsive-table-wrapper{overflow-x:hidden!important}.pos-table thead{display:none}.pos-table,.pos-table tbody,.pos-table tr,.pos-table td{width:100%;display:block}.pos-table tr{background-color:#fff;border:1px solid #2525251a;border-radius:12px;margin-bottom:16px;padding:12px;box-shadow:0 4px 6px #00000005}.pos-table td{border-bottom:1px dashed #2525250d;justify-content:space-between;align-items:center;display:flex;text-align:right!important;padding:8px 0!important}.pos-table td:last-child{border-bottom:none;flex-direction:column;align-items:stretch;gap:8px}.pos-table td:before{content:attr(data-label);color:#888;text-align:left;margin-right:16px;font-size:11px;font-weight:600}.pos-table-actions>div{flex-wrap:wrap;width:100%}.pos-table-actions button{flex:1;justify-content:center;min-width:calc(50% - 8px)}.pos-table-card{min-width:0!important;padding:12px!important}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-body);background-color:var(--bg-cream);min-height:100vh;font-size:16px;font-style:normal;font-weight:500;line-height:22px;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:#25252533;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);color:var(--color-headline);font-style:normal;font-weight:700}.headline-large{font-family:var(--font-headline);color:var(--color-headline);letter-spacing:-.5px;font-size:38px;font-style:normal;font-weight:700;line-height:46px}.sub-headline{font-family:var(--font-body);color:var(--color-body);font-size:16px;font-style:normal;font-weight:500;line-height:22px}a,button{transition:var(--transition-smooth)}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:var(--radius-md)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin-360{to{transform:rotate(360deg)}}.animate-spin{animation:.9s linear infinite spin-360}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-soft{animation:2s ease-in-out infinite pulse-soft}.btn{cursor:pointer;transition:var(--transition-smooth);border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:var(--bg-white);box-shadow:0 4px 14px #25252540}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #25252559}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-white);color:var(--primary-color);border:1.5px solid var(--primary-color)}.btn-secondary:hover{background-color:#2525250d;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-link{color:var(--primary-color);gap:4px;font-size:14px;font-weight:600}.btn-link:hover{color:var(--accent-color);gap:8px}.bg-decor-circle-1{z-index:0;pointer-events:none;background:radial-gradient(circle,#44546f0f 0%,#faf9f600 70%);width:50vw;max-width:600px;height:50vw;max-height:600px;position:absolute;top:-10%;right:-5%}.bg-decor-circle-2{z-index:0;pointer-events:none;background:radial-gradient(circle,#e2a4000d 0%,#faf9f600 70%);width:45vw;max-width:500px;height:45vw;max-height:500px;position:absolute;bottom:-10%;left:-5%}.form-group{text-align:left;margin-bottom:20px}.form-label{color:var(--color-headline);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-control-wrapper{align-items:center;display:flex;position:relative}.form-control{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-family:var(--font-body);border-radius:var(--radius-sm);border:1.5px solid var(--border-color);background-color:var(--bg-white);color:var(--color-headline);transition:var(--transition-smooth);padding:14px 16px;font-size:16px;font-weight:500}.form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px #25252514}.form-control-icon{color:var(--color-body);pointer-events:none;position:absolute;left:16px}.form-control-with-icon{padding-left:48px}.form-control-pwd-toggle{color:var(--color-body);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:16px}.form-control-pwd-toggle:hover{color:var(--primary-color);background-color:#2525250d}@media (width<=768px){.headline-large{font-size:32px;line-height:40px}}.dashboard-container{background-color:var(--bg-cream);flex-direction:row;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.sidebar-panel{background-color:var(--bg-white);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:280px;min-width:280px;height:100vh;padding:24px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.content-wrapper{flex-direction:column;flex:1;height:100dvh;display:flex;position:relative;overflow-y:auto}.mobile-top-bar{background-color:var(--bg-white);border-bottom:1px solid var(--border-color);z-index:95;justify-content:space-between;align-items:center;height:60px;padding:12px 16px;display:none;position:fixed;top:0;left:0;right:0}.tab-content-flex{flex-flow:wrap;flex:1;height:100%;display:flex;position:relative}.menu-panel{flex-direction:column;flex:65%;gap:20px;max-height:100vh;padding:24px;display:flex;overflow-y:auto}.billing-panel{background-color:var(--bg-white);border-left:1.5px solid var(--border-color);z-index:90;flex-direction:column;flex:35%;min-width:320px;height:100vh;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow-y:auto}.mobile-cart-dock{bottom:16px;bottom:max(16px, env(safe-area-inset-bottom,16px));background-color:var(--primary-color);color:var(--bg-white);border-radius:var(--radius-md);z-index:95;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:none;position:absolute;left:16px;right:16px;box-shadow:0 8px 30px #25252540}@media (width<=1024px){.mobile-top-bar{display:flex!important}input,select,textarea,.form-control{font-size:16px!important}.sidebar-panel{z-index:1000!important;border-right:1px solid var(--border-color)!important;width:280px!important;min-width:280px!important;height:100dvh!important;position:fixed!important;top:0!important;bottom:0!important;left:-300px!important;box-shadow:0 10px 40px #00000026!important}.sidebar-panel.open{left:0!important}.content-wrapper{width:100%!important;height:calc(100dvh - 60px)!important;margin-top:60px!important}.menu-panel{flex:100%!important;width:100%!important;padding:16px 16px 100px!important}.products-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.prod-card{border-radius:10px!important;padding:8px!important}.prod-image-container{border-radius:8px!important;height:90px!important;margin-bottom:8px!important}.prod-initials-placeholder{font-size:28px!important}.prod-name{margin-bottom:2px!important;font-size:11px!important;line-height:1.2!important}.prod-desc{display:none!important}.prod-price{font-size:11px!important}.plus-icon{width:20px!important;height:20px!important}.plus-icon svg{width:12px!important;height:12px!important}.prod-stock{margin-top:2px!important;margin-bottom:4px!important;font-size:9px!important}.billing-panel{z-index:1000!important;border-left:none!important;width:100%!important;min-width:320px!important;max-width:360px!important;height:100dvh!important;position:fixed!important;top:0!important;bottom:0!important;right:-380px!important;box-shadow:-10px 0 40px #00000026!important}.billing-panel.open{right:0!important}.mobile-cart-dock{display:flex!important}}.responsive-modal-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.responsive-modal-grid{grid-template-columns:1fr;gap:12px}}:root{--font-headline:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-headline:#252525;--color-body:#44546f;--border-color:#dcdfe4;--radius-md:12px;--radius-lg:16px}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #67675f}.btn{border-radius:6px;min-height:44px}.btn-primary{box-shadow:none}.btn-primary:hover,.btn-secondary:hover{box-shadow:none;transform:none}.glass-panel{-webkit-backdrop-filter:none;backdrop-filter:none}img[src="/asset/teh-tarik-datuk.jpeg"],img[src="/asset/teh-tarik-datuk-charcoal.png"]{object-fit:contain;border-radius:6px;max-width:100%}.datuk-header,.datuk-hero,.datuk-features{--portal-ink:#18191f;--portal-muted:#70727e;--portal-border:#e8e9ef;--portal-accent:#252525;font-family:var(--font-body)}.datuk-header .container,.datuk-hero .container,.datuk-features .container{max-width:1120px}.datuk-header{border-bottom:1px solid var(--portal-border);background:#fff}.datuk-header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:80px;display:flex}.datuk-home-link{text-align:left;color:var(--portal-ink);letter-spacing:-.5px;align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.datuk-home-link img{width:68px;height:40px}.datuk-brand-suffix{color:#81828c;letter-spacing:0;font-size:14px;font-weight:400}.datuk-header-right{align-items:center;gap:30px;display:flex}.datuk-header-right>a{color:#626470;font-size:13px;text-decoration:none}.datuk-header-right>a:hover{color:var(--portal-accent)}.datuk-header-nav{min-height:40px;color:var(--portal-ink);border:1px solid #dcdde5;border-radius:6px;align-items:center;gap:12px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.datuk-header-nav:hover{background:#f5f5f3}.datuk-hero{background:#fff;padding:58px 0 0}.datuk-hero-copy{text-align:center}.datuk-eyebrow{color:#6c6d7a;letter-spacing:1.2px;align-items:center;gap:8px;font-size:10px;font-weight:600;display:inline-flex}.datuk-eyebrow>span{background:#85869a;border-radius:50%;width:6px;height:6px}.datuk-hero h1{color:var(--portal-ink);letter-spacing:-2px;margin:20px 0 18px;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(36px,4vw,50px);font-weight:700;line-height:1.17}.datuk-hero h1>span{color:#686a7a}.datuk-intro{color:var(--portal-muted);font-size:15px;font-weight:400;line-height:1.75}.datuk-hero-actions{justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.datuk-primary,.datuk-secondary{border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 18px;font-size:13px;font-weight:600;display:inline-flex}.datuk-primary{background:var(--portal-accent);color:#fff}.datuk-primary:hover{background:#111}.datuk-secondary{color:#444653;background:#fff;border:1px solid #dddee7}.datuk-secondary:hover{background:#f5f5f3;border-color:#babbcb}.datuk-access-note{color:#7f818d;margin-top:14px;font-size:11px}.datuk-preview-wrap{background:#f5f5f3;border:1px solid #e2e3ec;border-bottom:0;border-radius:14px 14px 0 0;margin-top:44px;padding:12px 12px 0}.datuk-preview-caption{color:#7a7c8c;justify-content:space-between;align-items:center;gap:12px;padding:0 4px 12px;font-size:10px;display:flex}.datuk-preview-caption>span:first-child{align-items:center;gap:7px;display:flex}.datuk-workspace{text-align:left;background:#fff;border:1px solid #e1e2ea;border-bottom:0;border-radius:8px 8px 0 0;grid-template-columns:165px minmax(0,1fr) 235px;display:grid;overflow:hidden}.datuk-preview-sidebar{border-right:1px solid var(--portal-border);background:#fff;flex-direction:column;padding:22px 12px 18px;display:flex}.datuk-workspace-brand{color:#404254;align-items:center;gap:9px;margin-bottom:28px;padding:0 8px;font-size:13px;display:flex}.datuk-sidebar-label{letter-spacing:1px;color:#8f919f;margin-bottom:10px;padding:0 10px;font-size:8px}.datuk-preview-nav{color:#787a89;align-items:center;gap:10px;margin-bottom:4px;padding:10px;font-size:11px;display:flex}.datuk-preview-nav.selected{color:#252525;background:#f0f0ee;border-radius:5px;font-weight:600}.datuk-preview-profile{color:#4e5060;align-items:center;gap:8px;margin-top:auto;padding:24px 8px 0;font-size:10px;display:flex}.datuk-preview-profile>span{background:#ecece9;border-radius:50%;padding:6px;font-size:9px}.datuk-preview-profile small{color:#8c8d99;font-size:9px;line-height:1.3;display:block}.datuk-preview-menu{min-width:0;padding:22px}.datuk-preview-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.datuk-preview-kicker{color:#8c8d9a;letter-spacing:1px;font-size:8px}.datuk-preview-toolbar h2{color:#303240;letter-spacing:-.5px;font-size:19px;font-weight:600;line-height:1.4}.datuk-outlet-label{color:#686a78;align-items:center;gap:5px;font-size:9px;display:flex}.datuk-preview-search{color:#9293a0;border:1px solid #eaebf0;border-radius:5px;align-items:center;gap:8px;padding:9px;font-size:10px;display:flex}.datuk-preview-search>span:last-child{margin-left:auto;font-size:8px}.datuk-preview-tabs{color:#9697a3;gap:16px;margin:18px 0 16px;font-size:10px;display:flex}.datuk-preview-tabs .selected{color:#252525;font-weight:600}.datuk-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.datuk-menu-item{border:1px solid #ebebf1;border-radius:7px;padding:8px}.datuk-menu-art{color:#9d8063;background:#f0e9e0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:0;height:88px;display:flex}.datuk-menu-art.milk{color:#968a79;background:#efece7}.datuk-menu-art.lemon{color:#8a9670;background:#eef1e7}.datuk-menu-art>span{letter-spacing:2px;font-size:6px;line-height:1}.datuk-menu-item h3{color:#444654;margin-top:10px;font-size:10px;font-weight:600;line-height:1.4}.datuk-menu-item p{color:#91939e;margin-top:3px;font-size:8px;line-height:1.5}.datuk-menu-price{color:#565369;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;display:flex}.datuk-menu-price>span{color:#454545;background:#f2f2f0;border-radius:4px;padding:3px;display:flex}.datuk-preview-footnote{color:#9697a3;align-items:center;gap:5px;margin-top:20px;font-size:9px;display:flex}.datuk-preview-order{border-left:1px solid var(--portal-border);flex-direction:column;padding:24px 18px;display:flex}.datuk-order-heading{justify-content:space-between;align-items:center;display:flex}.datuk-order-heading h3{color:#464856;font-size:12px;font-weight:600}.datuk-order-heading>span{color:#666660;background:#f2f2f0;border-radius:4px;padding:0 5px;font-size:9px}.datuk-order-type{color:#888a98;border:1px solid #ebecf1;border-radius:4px;justify-content:space-between;align-items:center;margin:18px 0;padding:5px 8px;font-size:9px;display:flex}.datuk-order-item{color:#656774;align-items:flex-start;gap:8px;font-size:9px;display:flex}.datuk-order-quantity{background:#f5f5f3;border-radius:3px;padding:2px 4px}.datuk-order-item strong{font-size:9px;font-weight:600}.datuk-order-item small{color:#999aa6;font-size:8px;display:block}.datuk-order-item>span:last-child{margin-left:auto}.datuk-order-summary{margin-top:auto;padding-top:34px}.datuk-order-summary>div{color:#848694;justify-content:space-between;align-items:center;font-size:10px;display:flex}.datuk-order-summary .datuk-order-total{color:#4c4e5c;border-top:1px dashed #e1e2e9;margin-top:10px;padding:12px 0;font-size:13px}.datuk-order-summary .datuk-preview-pay{color:#fff;background:#383838;border-radius:5px;padding:10px;font-size:10px}.datuk-features{border-top:1px solid var(--portal-border);background:#fff;padding:32px 0;scroll-margin-top:20px}.datuk-feature-list{grid-template-columns:repeat(3,1fr);display:grid}.datuk-feature{border-left:1px solid var(--portal-border);padding:0 30px}.datuk-feature:first-child{border-left:0;padding-left:0}.datuk-feature:last-child{padding-right:0}.datuk-feature>svg{color:#76788a;margin-bottom:12px}.datuk-feature h2{color:#3f414e;margin-bottom:7px;font-size:14px;font-weight:600}.datuk-feature p{color:#858794;max-width:270px;font-size:12px;font-weight:400;line-height:1.7}@media (width<=900px){.datuk-workspace{grid-template-columns:140px minmax(0,1fr)}.datuk-preview-order{display:none}}@media (width<=600px){.datuk-header-inner{gap:10px;min-height:72px}.datuk-header-right>a,.datuk-brand-suffix{display:none}.datuk-home-link{gap:8px;font-size:16px}.datuk-home-link img{width:52px;height:32px}.datuk-header-nav{gap:8px;padding:8px 10px;font-size:11px}.datuk-hero{padding-top:38px}.datuk-hero h1{letter-spacing:-1.4px;font-size:clamp(30px,7.8vw,42px)}.datuk-intro{font-size:14px}.datuk-desktop-break{display:none}.datuk-hero-actions{flex-direction:column;gap:10px}.datuk-primary,.datuk-secondary{width:100%;max-width:300px}.datuk-preview-wrap{margin-top:32px;padding:8px 8px 0}.datuk-preview-caption{justify-content:center;font-size:9px}.datuk-preview-caption>span:first-child{display:none}.datuk-workspace{grid-template-columns:1fr}.datuk-preview-sidebar{display:none}.datuk-preview-menu{padding:14px}.datuk-preview-menu h2{font-size:17px}.datuk-menu-grid{gap:6px}.datuk-menu-item{padding:5px}.datuk-menu-art{height:70px}.datuk-menu-art svg{width:40px;height:40px}.datuk-menu-item h3{font-size:9px}.datuk-menu-item p{display:none}.datuk-menu-price{font-size:9px}.datuk-preview-footnote{font-size:8px}.datuk-feature-list{grid-template-columns:1fr;gap:24px}.datuk-feature,.datuk-feature:first-child,.datuk-feature:last-child{border-left:0;border-bottom:1px solid var(--portal-border);padding:0 0 20px}.datuk-feature:last-child{border-bottom:0;padding-bottom:0}.datuk-feature p{max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.datuk-home-link img{border-radius:0;width:88px;height:48px}@media (width<=600px){.datuk-home-link img{width:70px;height:40px}}:root{--bg-cream:#fff;--accent-color:#60605b;--color-headline:#252525;--color-body:#60605b;--border-color:#e5e5e1}.datuk-header,.datuk-hero,.datuk-features{--portal-ink:#252525;--portal-muted:#6d6d67;--portal-border:#e5e5e1}button,input,select,textarea{accent-color:var(--primary-color)}.datuk-home-link img{border-radius:6px}img[src="/asset/teh-tarik-datuk-transparent.png"]{object-fit:contain;box-shadow:none;background:0 0;border:0;border-radius:0}.datuk-home-link{gap:14px}.datuk-home-link img{flex-shrink:0;width:106px;height:auto;display:block}@media (width<=600px){.datuk-home-link img{width:86px;height:auto}}:root{--button-bg:#f8ac16;--button-hover:#e99b08;--button-ink:#213864}.btn-primary,.datuk-primary,button[style*="background-color: var(--primary-color)"],button[style*="background: var(--primary-color)"],.mobile-cart-dock{background:var(--button-bg)!important;color:var(--button-ink)!important}.btn-primary:hover:not(:disabled),.datuk-primary:hover:not(:disabled),button[style*="background-color: var(--primary-color)"]:hover:not(:disabled),button[style*="background: var(--primary-color)"]:hover:not(:disabled){background:var(--button-hover)!important}.datuk-order-summary .datuk-preview-pay{background:var(--button-bg);color:var(--button-ink)}.outlet-switcher-action{color:#795000;background:#fff6df}.datuk-app{--primary-color:#252525;--primary-hover:#111;--accent-color:#686a7a;--secondary-color:#252525;--selection-bg:#f0f0ee;--bg-cream:#fff;--bg-white:#fff;--bg-card:#fff;--color-headline:#18191f;--color-body:#656773;--border-color:#e8e9ef;--font-headline:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-sm:none;--shadow-md:0 8px 24px #18191f12;--shadow-lg:0 16px 40px #18191f16;font-family:var(--font-body);font-size:14px;line-height:1.5}.datuk-app .dashboard-container{background:var(--bg-cream);width:100%}.datuk-app .sidebar-panel{width:244px;min-width:244px;box-shadow:none;border:0;border-right:1px solid var(--border-color);border-radius:0;padding:24px 16px 16px}.datuk-app .content-wrapper{min-width:0}.datuk-app .workspace-navigation{min-height:0;padding-bottom:20px;overflow-y:auto}.datuk-app .workspace-navigation button:hover{background:#f5f5f3}.datuk-app .workspace-navigation button{flex-shrink:0}.datuk-app .workspace-page{width:100%;min-width:0;max-width:1440px;margin:0 auto;padding:28px}.datuk-app .workspace-page-heading{margin-bottom:4px}.datuk-app .workspace-page-heading>p,.datuk-app .workspace-pos-heading p{color:#80828f;letter-spacing:1.2px;margin-bottom:8px;font-size:10px;font-weight:600}.datuk-app .workspace-page-heading h1,.datuk-app .workspace-pos-heading h1{letter-spacing:-.7px;color:var(--color-headline);margin-bottom:8px;font-size:28px;line-height:1.25}.datuk-app .workspace-page-heading>span{color:var(--color-body);font-size:13px}.datuk-app .workspace-pos-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.datuk-app .workspace-pos-heading>span{color:#80828f;font-size:12px}.datuk-app button{transition:background-color .15s,border-color .15s,color .15s}.datuk-app button:disabled{cursor:not-allowed}.datuk-app input:not([type=checkbox]):not([type=radio]),.datuk-app select,.datuk-app textarea{font-family:var(--font-body);border-radius:6px!important}.datuk-app input:focus-visible,.datuk-app select:focus-visible,.datuk-app textarea:focus-visible,.datuk-app button:focus-visible{outline-offset:2px;outline:3px solid #25252566!important}.datuk-app .btn{box-shadow:none;border-radius:6px}.datuk-app .menu-panel{gap:24px;min-width:0;padding:28px}.datuk-app .billing-panel{border-left:1px solid var(--border-color);padding:24px}.datuk-app .prod-card{box-shadow:none!important;border:1px solid var(--border-color)!important;border-radius:12px!important}.datuk-app .prod-card:hover{background:#fafaf9;border-color:#bdbdb7!important}.datuk-app .prod-price{color:#343544!important}.datuk-app .products-grid{gap:16px!important}.datuk-app .pos-table-card{border-color:var(--border-color)!important;box-shadow:none!important;border-radius:12px!important}.datuk-app .pos-table th{color:#767884;font-family:var(--font-body);border-bottom:1px solid var(--border-color);background:#fafaf9;font-size:11px;font-weight:600}.datuk-app .pos-table td{font-variant-numeric:tabular-nums;border-color:var(--border-color)}.datuk-app .pos-table tbody tr:hover{background:#fafaf9}.datuk-app .report-page{flex-direction:column;gap:24px;display:flex}.report-filters{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:16px 24px;padding:20px;display:grid}.report-location-filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.report-location-filters>div{min-width:0;margin-bottom:0!important}.report-date-filter{min-width:0}.report-filters label{color:#767884!important;font-size:12px!important}.report-presets{border-top:1px solid #f0f0ee;flex-wrap:wrap;grid-column:1/-1;gap:8px;padding-top:14px;display:flex}.report-presets button{border-radius:6px!important;font-size:12px!important}.report-summary{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow:hidden}.report-summary>div:first-child{border-color:var(--border-color)!important;padding:18px 20px!important}.report-summary h3{font-size:14px!important}.report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 20px;display:grid}.report-metric{border-bottom:1px solid #f0f0ee;min-width:0;padding:20px 16px}.report-metric p:first-child{color:#767884!important;font-size:12px!important}.report-metric p:last-child{font-family:var(--font-headline);font-variant-numeric:tabular-nums;letter-spacing:-.5px;overflow-wrap:anywhere;font-size:24px!important}.report-charts{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.report-chart{min-width:0;padding:22px!important}.report-chart h3{font-family:var(--font-headline)!important;color:var(--color-headline)!important}.datuk-app .report-chart .chart-bar-row{flex-direction:column;align-items:stretch;gap:9px;padding:8px 0;display:flex}.datuk-app .report-chart .chart-bar-header-flex{justify-content:space-between;align-items:center;gap:16px;display:flex}.datuk-app .report-chart .chart-bar-name{white-space:normal;width:auto;min-width:0;font-family:var(--font-body);flex:1;font-size:12px;line-height:1.5}.datuk-app .report-chart .chart-bar-val{width:auto;font-family:var(--font-body);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px;color:#525461!important}.datuk-app .report-chart .chart-bar-track{background:#f0f0ee;flex:none;width:100%;height:6px;margin:0}.datuk-app .report-chart .chart-bar-track>div{background:#898983!important}@media (width>=1025px){.datuk-app .menu-panel{flex:1 1 0}.datuk-app .billing-panel{flex:0 0 350px;min-width:350px}}@media (width<=1100px){.report-charts{grid-template-columns:1fr}.report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.datuk-app .workspace-page{padding:20px 16px}.datuk-app .workspace-page-heading h1,.datuk-app .workspace-pos-heading h1{font-size:24px}.report-filters,.report-location-filters{grid-template-columns:1fr}.report-filters{gap:16px;padding:16px}.report-presets{gap:6px}.report-presets button{padding:8px 10px!important}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 8px}.report-metric{padding:16px 12px}.report-metric p:last-child{font-size:20px!important}.datuk-app .products-grid{gap:8px!important}.datuk-app .workspace-pos-heading>span{display:none}}.datuk-app .workspace-catalog-filters{flex-direction:column;align-items:stretch!important}.datuk-app .workspace-catalog-filters>div:first-child{width:100%}.datuk-app .workspace-catalog-filters>div:first-child>div{min-width:0}.datuk-app .workspace-catalog-filters>div:first-child button{flex-shrink:0;font-size:12px;border-radius:6px!important;height:42px!important}.datuk-app .billing-panel{box-shadow:none;border-radius:0}.datuk-app .billing-panel button:not([aria-label]){border-radius:6px!important}@media (width<=600px){.datuk-app .workspace-catalog-filters>div:first-child{flex-wrap:wrap}.datuk-app .workspace-catalog-filters>div:first-child>div{flex-basis:100%!important}}.report-empty{text-align:center;color:#7a7c89;background:#fff;border:1px dashed #e8e9ef;border-radius:8px;padding:28px 16px;font-size:12px}.outlet-switcher{width:100%;position:relative}.outlet-switcher-trigger{text-align:left;border:1px solid var(--border-color);width:100%;color:var(--color-headline);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:12px 10px;display:flex}.outlet-switcher-trigger:hover,.outlet-switcher-trigger[aria-expanded=true]{background:#f5f5f3;border-color:#bdbdb7}.outlet-switcher-icon{color:#747185;flex-shrink:0;display:flex}.outlet-switcher-label{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.outlet-switcher-label small{letter-spacing:.8px;color:#7b7d8a;font-size:9px}.outlet-switcher-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.outlet-switcher-trigger>svg{color:#7b7d8a;flex-shrink:0;transition:transform .15s}.outlet-switcher-trigger>svg.is-open{transform:rotate(180deg)}.outlet-switcher-panel{z-index:110;border:1px solid var(--border-color);background:#fff;border-radius:12px;width:100%;min-width:0;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 8px 28px #18191f18}.outlet-switcher-heading{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;padding:14px 12px;display:flex}.outlet-switcher-heading strong{color:var(--color-headline);font-size:12px}.outlet-switcher-heading>span{color:#818390;font-size:10px}.outlet-switcher-empty{text-align:center;color:#797b89;flex-direction:column;align-items:center;gap:10px;padding:20px 14px;display:flex}.outlet-switcher-empty>strong{color:#343642;font-size:12px}.outlet-switcher-empty p{overflow-wrap:anywhere;font-size:11px;line-height:1.6}.outlet-switcher-action{background:var(--selection-bg);width:100%;min-height:36px;color:var(--primary-color);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:600;display:flex}.outlet-switcher-action:hover{background:#e5e5e2}.outlet-switcher-options{max-height:min(300px,50vh);padding:6px;overflow-y:auto}.outlet-switcher-option{text-align:left;color:#656773;border-radius:6px;align-items:center;gap:8px;width:100%;padding:10px 8px;display:flex}.outlet-switcher-option:hover{background:#f5f5f3}.outlet-switcher-option.is-selected{background:var(--selection-bg);color:var(--primary-color)}.outlet-switcher-option>svg{flex-shrink:0}.outlet-switcher-option>span{flex:1;min-width:0}.outlet-switcher-option strong{overflow-wrap:anywhere;font-size:12px;font-weight:600;display:block}.outlet-switcher-option small{color:#828491;margin-top:2px;font-size:10px;display:block}.datuk-app .outlet-switcher-action{color:#795000;background:#fff6df}.datuk-app .outlet-switcher-action:hover{background:#ffe9b5}.datuk-app{--selection-bg:#fff6df;--color-headline:#29292d;--color-body:#525258}.datuk-app .workspace-navigation{gap:8px!important}.datuk-app .workspace-navigation button{min-height:52px;line-height:1.5;color:#343438!important;border-radius:12px!important;gap:13px!important;padding:13px 28px 13px 16px!important;font-size:13px!important;font-weight:500!important}.datuk-app .workspace-navigation button>svg:first-child{stroke-width:1.8px;flex-shrink:0;width:22px;height:22px}.datuk-app .workspace-navigation button[aria-current=page]{background:#fff6df!important;font-weight:700!important}.datuk-app .workspace-navigation button[aria-current=page]:before{content:"";background:#f8ac16;border-radius:4px;width:4px;position:absolute;top:14px;bottom:14px;left:0}.datuk-app .workspace-navigation button[aria-current=page]>svg:first-child{color:#926000;stroke-width:2px}.datuk-app .workspace-navigation button:hover:not([aria-current=page]){background:#faf7f4}