:root{color:#18251d;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--green:#1e603a;--green-dark:#17482d;--line:#e2e9e1;--muted:#718076;--surface:#fff;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);background:#eef2ed;font-family:Roboto,Noto Sans,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:400}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#eef2ed;min-width:320px;min-height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #77b587}.shell{background:#f7f9f6;flex-direction:column;width:100%;max-width:620px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 36px #243d2d12}.topbar{z-index:2;padding:var(--safe-top) 14px 0;border-bottom:1px solid var(--line);background:#fff;flex:0 0 62px;align-items:center;gap:10px;display:flex;position:relative}.brand{align-items:center;gap:9px;min-width:0;display:flex}.brand-mark{width:38px;height:38px;color:var(--green);background:#e9f3e8;border-radius:12px;flex:0 0 38px;place-items:center;display:grid}.brand strong{color:#183d29;letter-spacing:-.3px;font-size:16px;font-weight:800;display:block}.brand span{color:#829087;letter-spacing:1.2px;margin-top:2px;font-size:8px;font-weight:800;display:block}.demo-badge{color:#946014;background:#fff0d7;border-radius:20px;padding:4px 7px;font-size:9px;font-weight:800}.branch,.cashier,.top-divider,.avatar{display:none}.report-trigger{border:1px solid var(--line);color:#45694e;background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;margin-left:auto;font-size:0;display:grid}.report-trigger svg{width:20px;height:20px}.top-actions{align-items:center;gap:8px;margin-left:0;display:flex}.connection{border-radius:50%;place-items:center;width:36px;height:36px;font-size:0;display:grid}.connection svg{width:18px;height:18px}.is-online{color:#398052;background:#eef7ee}.is-offline{color:#b46b31;background:#fff3e4}.shift-chip{background:var(--green);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:42px;height:42px;padding:0 10px;font-size:0;font-weight:700;display:flex}.shift-chip svg{width:19px;height:19px}.workspace{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.catalog-panel{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;padding:16px 14px 108px;display:flex;overflow:auto}.page-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.eyebrow{color:#869187;letter-spacing:.7px;text-transform:uppercase;margin:0 0 4px;font-size:9px;font-weight:800}.page-heading h1{color:#193d29;letter-spacing:-.8px;margin:0;font-size:24px;font-weight:800;line-height:1.15}.subheading{color:#7e8a80;margin:5px 0 0;font-size:11px}.heading-actions{align-items:center;gap:6px;display:flex}.outline-btn{color:#426449;white-space:nowrap;background:#fff;border:1px solid #dfe8de;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 10px;font-size:10px;font-weight:700;display:flex}.outline-btn svg{width:15px;height:15px}.suspend-current:disabled{opacity:.45;cursor:not-allowed}.count-pill{color:#3c7049;background:#edf5ec;border-radius:20px;place-items:center;min-width:19px;height:19px;font-size:9px;display:grid}.search-row{gap:8px;margin:0 0 10px;display:flex}.search-box{color:#718177;background:#fff;border:1px solid #dfe7de;border-radius:13px;flex:1;align-items:center;gap:9px;min-width:0;height:50px;padding:0 13px;display:flex;box-shadow:0 2px 8px #193d2908}.search-box>svg{flex:none;width:19px;height:19px}.search-box input{color:#23342a;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px}.search-box input::placeholder{color:#9aa59c}.scan-btn{color:#286440;background:#e7f1e5;border:0;border-radius:13px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid}.scan-btn svg{width:21px;height:21px}.category-row{align-items:center;min-height:34px;margin-bottom:9px;display:flex}.category{color:#647267;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.category.active{color:#28613d}.category span{color:#42744c;background:#e8f2e7;border-radius:20px;place-items:center;min-width:20px;height:20px;font-size:9px;display:grid}.catalog-title{justify-content:space-between;align-items:center;margin:2px 0 9px;display:flex}.catalog-title h2{color:#273a2d;margin:0;font-size:15px;font-weight:800}.catalog-title span{color:#839087;font-size:10px}.sort-btn{display:none}.product-grid{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;display:grid}.product-card{text-align:left;background:#fff;border:1px solid #e7ece6;border-radius:13px;align-items:center;gap:11px;width:100%;min-height:78px;padding:9px 42px 9px 9px;transition:transform .12s,border-color .12s;display:flex;position:relative;box-shadow:0 2px 6px #1e3a2606}.product-card:active{border-color:#a9c9aa;transform:scale(.99)}.product-art,.line-art{color:#376546;background:#e9f1e6;border-radius:11px;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:17px;font-weight:800;display:grid;position:relative;overflow:hidden}.product-art span{place-items:center;width:100%;height:100%;font-size:18px;display:grid}.product-art small{color:#5d6d60;text-overflow:ellipsis;background:#ffffffd9;border-radius:4px;max-width:45px;padding:2px 4px;font-size:8px;position:absolute;bottom:4px;right:4px;overflow:hidden}.art-1{color:#9b6b37;background:#f7eadc}.art-2{color:#4a7188;background:#e4edf3}.art-3{color:#8b5a79;background:#f2e9ef}.art-4{color:#8b793d;background:#f6f0d8}.art-5{color:#516b5b;background:#e5ece7}.product-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.product-category{color:#8a958b;letter-spacing:.6px;font-size:8px;font-weight:800}.product-info>strong{color:#283b2e;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.25;overflow:hidden}.product-bottom{justify-content:space-between;align-items:center;gap:5px;margin-top:2px;display:flex}.product-bottom b{color:#28623e;font-size:14px;font-weight:800}.product-bottom span{color:#819087;white-space:nowrap;font-size:9px}.product-bottom .low-stock{color:#b65c38;font-weight:700}.add-product{color:#28623e;background:#edf5ec;border-radius:10px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.catalog-foot{color:#89948b;align-items:center;gap:5px;margin-top:auto;padding:14px 0 0;font-size:9px;display:flex}.catalog-foot button{color:#38724a;background:0 0;border:0;font-size:9px;font-weight:700}.cart-panel{z-index:3;background:#fff;border:1px solid #e0e8df;border-radius:17px;flex-direction:column;height:68px;transition:height .18s;display:flex;position:absolute;bottom:8px;left:9px;right:9px;overflow:hidden;box-shadow:0 8px 30px #14271b24}.cart-panel.is-open{height:min(80dvh,680px)}.cart-panel:not(.is-open)>:not(.cart-heading){display:none}.cart-heading{flex:0 0 66px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.cart-title{align-items:center;gap:7px;display:flex}.cart-title svg{color:#4c7655;width:18px;height:18px}.cart-title h2{color:#263b2d;margin:0;font-size:13px;font-weight:800}.order-id{color:#8a958b;margin:3px 0 0 25px;font-size:9px;display:block}.mobile-cart-toggle{color:#285c39;background:#eaf3e8;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-width:105px;height:42px;padding:0 10px;font-size:13px;font-weight:800;display:flex}.mobile-cart-toggle svg{width:17px;height:17px}.customer-select{text-align:left;background:#fbfcfa;border:1px solid #edf0ec;border-radius:11px;flex:0 0 52px;align-items:center;gap:9px;margin:0 12px 7px;padding:6px 9px;display:flex}.customer-avatar{color:#4a6c50;background:#e6eee5;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.customer-text{gap:2px;display:grid}.customer-text strong{color:#3e4d41;font-size:11px}.customer-text span{color:#909b91;font-size:9px}.customer-arrow{color:#829084;margin-left:auto}.cart-columns{color:#8a958b;letter-spacing:.4px;flex:0 0 27px;justify-content:space-between;align-items:center;margin:0 13px;font-size:8px;font-weight:800;display:flex}.cart-columns b{color:#4b6e50;background:#eef4ed;border-radius:20px;place-items:center;min-width:17px;height:17px;margin-left:4px;font-size:8px;display:inline-grid}.cart-lines{overscroll-behavior:contain;flex-direction:column;flex:1;gap:0;min-height:50px;padding:0 12px;display:flex;overflow:auto}.empty-cart{color:#8a958b;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:85px;display:flex}.empty-icon{color:#829285;background:#f2f5f1;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:7px;display:grid}.empty-cart strong{color:#5e6d61;font-size:11px}.empty-cart>span{max-width:230px;margin-top:4px;font-size:9px;line-height:1.45}.cart-line{border-bottom:1px solid #eef1ed;align-items:center;gap:8px;padding:8px 0;display:flex}.line-art{border-radius:9px;flex-basis:38px;width:38px;height:38px;font-size:13px}.line-main{flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;min-width:0;display:grid}.line-main>strong{color:#34453a;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.line-main>span{color:#88948a;grid-column:1;font-size:9px}.quantity{grid-area:1/2/3;align-items:center;gap:6px;display:flex}.quantity button{color:#47704f;background:#fff;border:1px solid #e2e9e1;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.quantity b{color:#34463a;text-align:center;min-width:15px;font-size:11px}.line-total{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.line-total button{color:#b15f4a;background:#fbf1ee;border:0;border-radius:7px;place-items:center;width:27px;height:25px;display:grid}.line-total strong{color:#38533e;white-space:nowrap;font-size:10px}.cart-bottom{padding:6px 12px calc(10px + var(--safe-bottom));background:#fff;border-top:1px solid #edf0ec;flex:none}.discount-link{color:#55705a;text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;min-height:34px;padding:0 2px;font-size:10px;font-weight:700;display:flex}.summary{gap:5px;padding:1px 0 7px;display:grid}.summary>div{color:#7c887e;justify-content:space-between;align-items:center;font-size:10px;display:flex}.summary strong{color:#445449;font-size:10px}.summary .discount-value{color:#468058}.summary .grand-total{color:#344238;border-top:1px dashed #dce3da;margin-top:3px;padding:9px 0}.grand-total span{font-size:11px;font-weight:800}.summary .grand-total strong{color:#1e3929;font-size:17px;font-weight:900}.pay-button{background:var(--green);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:48px;font-size:13px;font-weight:800;display:flex;box-shadow:0 4px 10px #28623f24}.pay-button:active{background:var(--green-dark)}.pay-button>span{margin-left:auto;margin-right:13px;font-size:12px}.pay-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.toast{z-index:20;right:12px;bottom:calc(82px + var(--safe-bottom));color:#fff;background:#203e2d;border-radius:12px;align-items:center;gap:9px;max-width:580px;margin:0 auto;padding:12px;font-size:11px;line-height:1.4;display:flex;position:fixed;left:12px;box-shadow:0 10px 28px #142d1d30}.toast svg{color:#91d2a0;flex:none;width:17px;height:17px}.toast button{color:#d3e0d5;background:0 0;border:0;font-size:18px}.toast .toast-print{color:#2f6943;white-space:nowrap;background:#fff;border:1px solid #d8e7d8;border-radius:8px;margin-left:auto;padding:8px 10px;font-size:10px;font-weight:800}.modal-backdrop{z-index:30;background:#101d17a8;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal{width:min(620px,100%);max-height:92dvh;padding:22px 18px calc(20px + var(--safe-bottom));background:#fff;border-radius:20px 20px 0 0;overflow:auto;box-shadow:0 -12px 50px #0d1b1240}.modal-icon{color:#40734d;background:#eaf2e9;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.modal h2{color:#223a2a;margin:15px 0 5px;font-size:19px;font-weight:800}.modal>p{color:#849087;margin:0 0 15px;font-size:12px;line-height:1.5}.modal label{color:#69776b;margin:16px 0;font-size:11px;font-weight:700;display:block}.modal label input{color:#25352a;background:#fff;border:1px solid #dfe6dd;border-radius:10px;width:100%;height:48px;margin-top:7px;padding:0 12px;font-size:16px;display:block}.pay-total{color:#245b39;margin:12px 0;font-size:30px;font-weight:900}.payment-options{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;display:grid}.payment-options button{color:#647267;background:#fff;border:1px solid #e7ece5;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:72px;font-size:10px;display:flex}.payment-options button svg{width:21px;height:21px}.payment-options button.selected{color:#347047;background:#f0f7ef;border-color:#6c9e73}.payment-options button:disabled{opacity:.42;cursor:not-allowed}.payment-unavailable{background:#fff8ed;border-radius:8px;padding:9px;line-height:1.5;color:#9a7651!important;font-size:10px!important}.modal .warning{color:#b36533;background:#fff5e8;border-radius:9px;margin:0 0 12px;padding:10px}.modal .pay-button{margin-top:14px}.suspended-modal{flex-direction:column;display:flex}.suspended-list{border-top:1px solid #edf0eb;max-height:42dvh;margin:0 0 14px;overflow:auto}.suspended-order{border-bottom:1px solid #edf0eb;align-items:center;gap:8px;padding:12px 0;display:flex}.suspended-order>div{flex:1;min-width:0}.suspended-order strong,.suspended-order span{display:block}.suspended-order strong{color:#344238;font-size:11px}.suspended-order span{color:#929d93;text-overflow:ellipsis;margin-top:4px;font-size:9px;line-height:1.5;overflow:hidden}.suspended-order button{color:#326344;white-space:nowrap;background:#f5f8f4;border:1px solid #dfe8de;border-radius:8px;min-height:36px;padding:0 9px;font-size:10px}.suspended-order .suspended-delete{color:#89958a;background:#fff;min-width:34px;padding:0;font-size:16px}.suspended-empty{color:#929d93;text-align:center;padding:25px 0;font-size:12px}.report-backdrop{z-index:25;background:#f7f9f6;position:fixed;inset:0}.report-panel{width:100%;max-width:620px;height:100%;padding:calc(14px + var(--safe-top)) 14px calc(18px + var(--safe-bottom));background:#f7f9f6;flex-direction:column;margin:0 auto;display:flex;overflow:auto}.report-panel>header{justify-content:space-between;align-items:center;display:flex}.report-panel h2{color:#193b29;margin:4px 0 0;font-size:21px;font-weight:900}.report-panel .eyebrow{letter-spacing:1px;font-size:9px}.report-close{color:#627166;background:#fff;border:1px solid #e2e9e1;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.report-filters{background:#fff;border:1px solid #e9eee8;border-radius:13px;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;padding:12px;display:grid}.report-filters label{color:#778278;gap:6px;font-size:10px;font-weight:700;display:grid}.report-filters input{color:#37443a;border:1px solid #e5eae4;border-radius:9px;width:100%;min-width:0;height:42px;padding:0 8px;font-size:13px}.report-filters .pay-button{grid-column:1/-1;min-height:44px;font-size:12px}.report-cards{grid-template-columns:1fr 1fr;gap:9px;display:grid}.report-cards article{background:#fff;border:1px solid #e9eee8;border-radius:12px;padding:13px}.report-cards span,.report-cards strong{display:block}.report-cards span{color:#7c897e;font-size:10px}.report-cards strong{color:#264b34;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:16px;font-weight:900;overflow:hidden}.report-tables{gap:11px;margin-top:14px;display:grid}.report-tables section{background:#fff;border:1px solid #e9eee8;border-radius:12px;padding:13px}.report-tables h3{color:#34463a;margin:0 0 11px;font-size:12px}.report-table{display:grid}.report-row{color:#617064;border-top:1px solid #eff2ee;grid-template-columns:1fr .55fr 1fr;align-items:center;gap:7px;padding:10px 1px;font-size:10px;display:grid}.report-row strong{text-align:right;color:#344b39}.report-row span:last-child{text-align:right}.report-head{color:#929d93;border:0;padding-top:0;font-size:9px;font-weight:800}.report-empty,.report-error{color:#8b958b;padding:9px 0;font-size:11px}.report-error{color:#a34e3a}@media (height<=700px){.page-heading{margin-bottom:9px}.page-heading h1{font-size:21px}.subheading{display:none}.search-box,.scan-btn{height:44px}.scan-btn{flex-basis:44px;width:44px}.category-row{min-height:27px;margin-bottom:5px}.product-card{min-height:68px;padding-top:6px;padding-bottom:6px}.product-art{flex-basis:50px;width:50px;height:50px}.cart-panel.is-open{height:86dvh}.cart-bottom{padding-top:3px}.summary{gap:3px}.summary .grand-total{padding:6px 0}}.product-brand{color:#748c77;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:9px;font-weight:800;display:block;overflow:hidden}.category-row{overscroll-behavior-x:contain;scrollbar-width:none;gap:7px;min-height:42px;overflow-x:auto}.category-row::-webkit-scrollbar{display:none}.category{background:#fff;border:1px solid #e2e9e1;border-radius:18px;flex:none;min-height:36px;padding:0 10px}.category.active{background:#edf5eb;border-color:#cde0cc}.product-variant{color:#849087;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;display:block;overflow:hidden}.demo-badge{color:#9b6a20;letter-spacing:.7px;background:#fff3d9;border-radius:5px;margin-left:3px;padding:3px 6px;font-size:8px;font-weight:800}