:root{--green:#1b603f;--ink:#18392b;--muted:#52675b;--bg:#f3f6f2;--line:#d5e0d6;--soft:#e8f1e9;--danger:#a52d24;--nav:76px;--forest-gradient:linear-gradient(125deg,#103e2d 0%,#17553a 48%,#24734d 100%);color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-size:15px;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}
button{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;min-height:48px;min-width:48px;border:1px solid #7a9180;border-radius:12px;padding:11px 16px;background:#fff;color:var(--green);font-weight:600;line-height:1.35}
button[hidden]{display:none}button:hover{background:#edf4ee}button:active{background:#dceade}button:disabled{cursor:not-allowed;color:#526459;background:#edf1ed;border-color:#93a497}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #a85913;outline-offset:3px}
.primary{background:var(--forest-gradient);color:#fff;border-color:#17553a}.primary:hover{background:#124b31}.primary:active{background:#0d3825}.primary:disabled{color:#fff;background:#64796a;border-color:#64796a}.full{width:100%}.text-button{background:transparent;border-color:transparent}.button-row{display:flex;flex-wrap:wrap;gap:8px}.ui-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}
h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(1.7rem,2.4vw,2.25rem);letter-spacing:-.045em;line-height:1.18;font-weight:700;margin:0 0 10px}h2{font-size:1.1rem;line-height:1.4;letter-spacing:-.025em;margin:0 0 8px}p{line-height:1.6;color:var(--muted)}small{font-size:.8rem;line-height:1.5}
input,select,textarea{width:100%;min-height:48px;padding:13px 14px;border:1px solid #7a9180;border-radius:12px;background:#fff;color:var(--ink)}input::placeholder,textarea::placeholder{color:#65746b;opacity:1}textarea{resize:vertical}input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:var(--green);flex-shrink:0}
.form-field{display:grid;gap:8px;margin:0 0 19px;font-weight:600;font-size:.9rem}.form-field input,.form-field textarea,.form-field select{font-weight:400}.error{padding:14px;background:#fff1ef;color:#8b231c;border:1px solid #b45e54;border-radius:12px;line-height:1.5;margin-bottom:18px}.error button{margin-left:10px}.muted{color:var(--muted)}.notice{padding:17px;background:var(--soft);border-radius:12px;line-height:1.6;margin:17px 0}.notice p{margin:0 0 5px}
.app-shell{min-height:100dvh;display:flex}.sidebar{position:fixed;left:0;top:0;width:min(300px,85vw);height:100dvh;display:flex;flex-direction:column;flex-shrink:0;z-index:35;transform:translateX(-101%);transition:transform .18s ease;background:linear-gradient(165deg,#153c2c,#102f23 80%);color:#f5faf4}.sidebar.open{transform:translateX(0)}
.brand{display:flex;align-items:center;gap:12px;padding:26px 23px 24px}.brand img{width:46px;height:50px;object-fit:contain;background:#fff;border-radius:11px;padding:3px}.brand strong{font-size:1.14rem;letter-spacing:-.035em}.brand small{display:block;color:#c0d3c5;margin-top:4px;font-size:.72rem}
.workspace-identity{display:flex;align-items:center;gap:10px;margin:0 16px 8px;padding:12px 11px;background:#ffffff0a;border:1px solid #6b8e76;border-radius:13px}.workspace-symbol{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#365e45;color:#e1efd9;flex-shrink:0}.workspace-identity strong{font-size:.78rem}.workspace-identity small{display:block;font-size:.68rem;color:#c0d3c5;margin-top:3px}
.sidebar nav{overflow-y:auto;flex:1;padding:0 14px 22px;scrollbar-width:thin;scrollbar-color:#5b7b64 transparent}.nav-group{font-size:.66rem;font-weight:600;margin:25px 12px 8px;color:#b5cbbb}.sidebar nav button{width:100%;justify-content:flex-start;text-align:left;gap:11px;font-size:.82rem;border:1px solid transparent;min-height:46px;padding:10px 12px;border-radius:10px;color:#d6e3d9;font-weight:500;background:transparent;margin:3px 0}.sidebar nav .ui-icon{width:20px;height:20px;color:#b6cbbd}.sidebar nav button:hover{background:#274c37;color:#fff}.sidebar nav button.active{background:linear-gradient(105deg,#37704a,#28563d);border-color:#63976e;color:#fff;font-weight:600}.sidebar nav button.active .ui-icon{color:#e0f3d7}.sidebar :focus-visible{outline-color:#f5ca7b}
.sidebar-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #476b51;padding:16px;font-size:.8rem}.sidebar-footer>div{flex:1;min-width:0}.sidebar-footer small{display:block;font-size:.68rem;color:#c0d3c5;margin-top:4px}.sidebar-footer button{background:transparent;color:#d6e3d9;padding:0;border-color:#6b8e76;border-radius:10px}.sidebar-footer button:hover{background:#274c37}
.account-avatar,.topbar-avatar{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#204f36;background:#dcebd5;font-weight:700;font-size:.8rem;flex-shrink:0}.main{flex:1;min-width:0}.topbar{min-height:74px;display:flex;align-items:center;gap:12px;padding:12px 15px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.breadcrumb{flex:1;min-width:0}.topbar small{font-size:.66rem;color:var(--muted)}.topbar small>span{margin:0 9px;color:#687a6d}.topbar strong{display:block;font-size:1rem;margin-top:5px;letter-spacing:-.02em}.topbar-avatar{width:36px;height:36px;font-size:.7rem;border-radius:50%}.connection{display:none;font-size:.75rem;color:var(--green);align-items:center;gap:6px}.connection .ui-icon{width:17px;height:17px}.connection.offline{color:#8a4510}.demo-tag{font-size:.7rem;border:1px solid #a6bca8;background:#f2f7ef;color:#385c3c;border-radius:6px;padding:5px 9px}.mobile-menu{padding:0;background:#f2f6ef;border-color:#8a9e8c;border-radius:12px;flex-shrink:0}
.workspace{max-width:1500px;padding:20px 15px calc(var(--nav) + env(safe-area-inset-bottom) + 34px);margin:auto}.pos-workspace{padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 110px)}.demo-banner{display:flex;align-items:center;gap:9px;font-size:.73rem;line-height:1.5;padding:11px 13px;border:1px solid #c4d4c4;border-radius:10px;background:#eaf1e6;color:#425b43;margin-bottom:25px}.demo-banner .ui-icon{width:17px;height:17px}
.page-lead{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin:3px 0 25px;flex-direction:column}
.page-lead>div:first-child{min-width:0;max-width:100%;width:100%}
.page-lead p{margin:0;font-size:.88rem}
.page-lead>button{flex-shrink:0;max-width:100%}
.page-lead>.button-row{min-width:0;max-width:100%;margin-left:auto;justify-content:flex-end}
.page-lead>.button-row>button{max-width:100%}
.total{flex-wrap:wrap}.total>strong{min-width:0;max-width:100%;overflow-wrap:anywhere}
.eyebrow{display:block;color:var(--green);font-size:.75rem;font-weight:600;margin-bottom:9px}
.overview-layout{display:grid;gap:16px;margin-bottom:24px}.sales-summary{background:var(--forest-gradient);border:1px solid #1d603f;border-radius:22px;color:#fff;padding:24px;min-width:0;box-shadow:0 8px 22px #193f2412}.summary-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem;color:#e0eddf}.summary-heading>span:first-child{display:inline-flex;align-items:center;gap:10px}.summary-period{font-size:.68rem;border:1px solid #80ac89;border-radius:6px;padding:6px 9px;color:#e9f2e6}.summary-amount{display:block;font-size:clamp(2rem,3.7vw,3.45rem);letter-spacing:-.055em;line-height:1.15;margin:23px 0 7px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.sales-summary>p{color:#e4f0df;font-size:.78rem;margin:0}
.summary-details{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;padding-top:21px;margin-top:24px;border-top:1px solid #ffffff42}.summary-details>div{min-width:0}.summary-details span{font-size:.73rem;display:block;color:#e4f0df;margin-bottom:8px}.summary-details strong{display:block;font-size:clamp(1.3rem,1.8vw,1.65rem);letter-spacing:-.035em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.summary-details strong small{font-size:.75rem;font-weight:500;letter-spacing:0}.summary-footnote{display:block;margin-top:18px;color:#e4f0df;font-size:.65rem}
.shift-summary{background:#e5eede;border:1px solid #c4d3bf;border-radius:22px;padding:24px;display:flex;flex-direction:column;min-width:0}.shift-summary .section-head{margin-bottom:17px}.icon-tile{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff;color:var(--green)}.shift-summary h2{font-size:1.35rem;letter-spacing:-.04em}.shift-summary p{font-size:.85rem;margin:3px 0 21px}.shift-summary button{margin-top:auto;justify-content:space-between}
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:20px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap}.section-head h1,.section-head h2,.section-head p{margin:0}.section-head p{margin-top:6px;font-size:.8rem}.section-head>span{font-size:.78rem;color:var(--muted)}.dashboard-grid{display:grid;gap:0}.chart-key{display:inline-flex;align-items:center;gap:7px}.chart-key i{width:9px;height:9px;background:#246445;border-radius:3px}
.bar-chart{display:flex;justify-content:space-around;align-items:flex-end;gap:8px;height:225px;margin-top:22px;background:repeating-linear-gradient(to top,transparent 0,transparent 51px,#e5ece4 51px,#e5ece4 52px);background-size:100% calc(100% - 30px);background-repeat:no-repeat}.bar-chart>div{flex:1;min-width:0;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px}.bar-chart strong{font-size:.64rem;font-weight:500;color:var(--muted);max-width:100%;overflow-wrap:anywhere}.bar-track{width:62%;max-width:44px;height:160px;display:flex;align-items:flex-end}.bar-track>div{width:100%;background:linear-gradient(0deg,#1c5a3c,#43845a);min-height:2px;border-radius:7px 7px 2px 2px}.bar-chart span{font-size:.65rem;color:var(--muted)}
.attention{width:100%;justify-content:flex-start;border:0;border-radius:0;border-bottom:1px solid #e1e9df;text-align:left;font-size:.8rem;padding:16px 0;gap:11px}.attention-icon{width:37px;height:40px;background:#edf3e9;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.attention-icon .ui-icon{width:20px;height:20px}.attention-copy{flex:1;min-width:0;color:var(--ink)}.attention-copy small{display:block;color:var(--muted);font-size:.69rem;font-weight:400;margin-top:4px}.attention strong{font-size:1.05rem;min-width:26px;text-align:center;color:var(--green);background:#edf3e9;border-radius:6px;padding:4px}.attention>.ui-icon{width:16px;height:16px;color:var(--muted)}.stock-link{margin-top:14px;justify-content:flex-start;border:0;padding:8px 0;width:100%;font-size:.8rem}.stock-link>.ui-icon:last-child{margin-left:auto;width:18px}
.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:18px;margin:20px 0 24px;overflow:hidden;background:var(--line);gap:1px}.metric{padding:20px;background:#fff;min-width:0}.metric>span{font-size:.8rem;color:var(--muted)}.metric strong{display:block;font-size:clamp(1.3rem,2vw,1.9rem);letter-spacing:-.04em;line-height:1.2;margin:14px 0 6px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.metric small{color:var(--muted)}
.recent-order{display:flex;width:100%;text-align:left;justify-content:flex-start;gap:15px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:19px 4px;color:var(--ink)}.recent-order:last-child{border:0}.recent-icon{display:grid;place-items:center;width:42px;height:44px;background:#edf3e8;border-radius:12px;color:var(--green);flex-shrink:0}.recent-copy{min-width:0;flex:1}.recent-copy strong{display:block;font-size:.83rem;overflow-wrap:anywhere}.recent-copy small{display:block;color:var(--muted);font-size:.73rem;font-weight:400;margin-top:6px}.recent-amount{display:flex;align-items:center;gap:25px}.recent-amount>strong{font-size:.95rem;white-space:nowrap}.recent-order>.ui-icon{width:17px;height:17px;color:var(--muted)}
@media(max-width:760px){.recent-order{gap:12px;flex-wrap:wrap;padding:17px 0}.recent-icon,.recent-order>.ui-icon{display:none}.recent-copy{flex-basis:55%}.recent-copy strong{font-size:.76rem}.recent-copy small{font-size:.68rem}.recent-amount{gap:7px;flex-direction:column;align-items:flex-end;margin-left:auto}.recent-amount>strong{font-size:.85rem}.pos-workspace .page-lead .eyebrow{display:none}.pos-workspace .page-lead{margin-bottom:20px}.pos-workspace .page-lead h1{font-size:1.75rem}.pos-workspace .demo-banner{margin-bottom:18px}.catalogue .section-head{margin-bottom:18px}.category-tabs{gap:7px;margin:15px 0}.category-tabs button{padding:10px 12px;font-size:.75rem}.category-tabs button.selected .ui-icon{display:none}}
.table-wrap{overflow:auto;max-width:100%;border-radius:6px}table{border-collapse:collapse;width:100%;text-align:left;font-size:.83rem}th{font-size:.68rem;font-weight:600;color:var(--muted);border-bottom:1px solid #b4c7b8;padding:14px 12px;white-space:nowrap;background:#f7f9f5}td{padding:18px 12px;border-bottom:1px solid #e2e9e4;line-height:1.5;vertical-align:middle;max-width:330px;min-width:90px;overflow-wrap:anywhere}td small{display:block;color:var(--muted);margin-top:5px;font-size:.72rem}tr:last-child td{border:0}tbody tr:hover{background:#f8faf6}td button{font-size:.8rem}td .pill{white-space:nowrap}.pill{display:inline-flex;border:1px solid #7c9b80;color:#245837;background:#edf5e9;border-radius:7px;font-size:.68rem;padding:5px 9px;font-weight:600}.pill.warning{border-color:#ae8539;color:#704b0d;background:#fff5de}
.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--muted);padding:46px 18px;line-height:1.6;font-size:.85rem}.empty>.ui-icon{width:44px;height:44px;padding:9px;box-sizing:content-box;background:#edf3e9;border-radius:19px;color:#51765a;margin-bottom:6px}.empty>strong{color:var(--ink);font-size:1rem}.empty>span{max-width:300px}.filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px}.filters label{display:grid;gap:8px;font-size:.8rem;flex:1;min-width:130px}.filters input,.filters select{font-size:.85rem}
.pos-layout{display:block}.catalogue{padding:20px}.catalogue .section-head{margin-bottom:23px}.catalogue .section-head h2{font-size:1.15rem}.search-field{position:relative}.search-field>.ui-icon{position:absolute;top:15px;left:15px;width:19px;height:19px;color:#5d7462;pointer-events:none}.search-field input{padding-left:44px;background:#f8faf6}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tabs button{font-size:.8rem;border-radius:10px;background:#fff}.tabs button.selected{background:var(--forest-gradient);color:#fff;border-color:var(--green)}.category-tabs button:not(.selected){border-color:#899f8d;color:#425f49}.category-tabs .ui-icon{width:18px;height:18px}
.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product{display:block;padding:0;text-align:left;overflow:hidden;border:1px solid #c8d6c7;border-radius:16px;color:var(--ink);min-width:0;background:#fff;position:relative}.product:hover{border-color:#54865e;background:#f8faf5}.product:active{background:#edf4e8}.product.in-cart{border:2px solid #286940}.product-art{height:145px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#f1efdf,#e6ebdc)}.noncoffee-art{background:linear-gradient(145deg,#f1f3e4,#dceada)}.product-art>svg{width:100%;height:100%;max-width:180px;object-fit:contain}.product-art>img{width:100%;height:100%;object-fit:contain}.product-quantity{position:absolute;top:9px;right:9px;background:#205d3d;color:#fff;border-radius:7px;padding:5px 8px;font-size:.67rem}
.product strong,.product small,.product>span{display:block;margin:12px 14px}.product strong{font-size:.88rem;line-height:1.4;margin-bottom:4px}.product small{font-size:.72rem;color:var(--muted);font-weight:400;margin-top:0;margin-bottom:6px}.product>span{font-size:.85rem;color:var(--green);display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:0;margin-bottom:11px}.product>span b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e2eddb}.product>span .ui-icon{width:17px;height:17px}.catalogue-note{font-size:.67rem;margin:21px 0 0;color:var(--muted)}
.desktop-cart{display:none}.cart-heading{align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.cart-heading h2{font-size:1.4rem}.cart-heading .eyebrow{font-size:.68rem;margin-bottom:7px}.cart-count{background:#e8f1e2;color:#315c39!important;border-radius:8px;padding:7px 9px;font-weight:600}.cart-items{min-height:220px}.cart-items .empty{padding:30px 0}.cart-line{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:16px 0;border-bottom:1px solid var(--line);font-size:.84rem}.cart-line small{display:block;color:var(--muted);margin-top:6px}.quantity{display:flex;align-items:center;gap:7px;flex-shrink:0}.quantity button{padding:0;min-width:44px;min-height:44px;border-radius:10px}.quantity span{min-width:14px;text-align:center}.cart-subtotal{display:flex;justify-content:space-between;gap:14px;font-size:.8rem;color:var(--muted);padding:20px 0 12px}.total{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #b1c0b5;margin-top:12px;padding:21px 0;font-size:1.05rem}.total strong{font-size:1.45rem;letter-spacing:-.04em}.cart-checkout .total{border-top-style:dashed;margin-top:0}.cart-checkout .total>span{font-size:.85rem}.cart-checkout .primary{justify-content:space-between}.cart-checkout .text-button{font-size:.8rem;margin-top:5px}.cart-help{display:flex;gap:7px;align-items:center;line-height:1.5;font-size:.68rem;color:var(--muted);margin:17px 0 0;padding-top:17px;border-top:1px solid var(--line)}.cart-help .ui-icon{width:17px;height:17px}
.shift-indicator{font-size:.8rem;background:#e8f1e1;color:#275c36;border-color:#78967d}.shift-indicator.warning{background:#fff6e1;color:#79541c;border-color:#ac8849}.shift-indicator .ui-icon:last-child{width:17px;height:17px}.payment-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:17px 0;flex-wrap:wrap}.payment-total{font-size:2.3rem;font-weight:700;letter-spacing:-.045em;margin-bottom:28px}.shift-grid{display:grid;grid-template-columns:1fr;gap:18px}.shift-grid .panel{margin:0}.stock-mini{margin:20px 0}.stock-mini>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #e2e9e4;font-size:.85rem}.stock-mini strong{white-space:nowrap}.settings{max-width:740px}.check{display:flex;gap:12px;align-items:center;min-height:48px;margin:12px 0;padding:12px;border:1px solid #7c9682;border-radius:11px;font-size:.9rem}
.more-list{display:grid;gap:6px}.more-list button{border:0;border-bottom:1px solid #d5dfd7;border-radius:0;justify-content:space-between;text-align:left}.more-list span{margin-left:15px}.workspace-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.68rem;padding:19px 3px 0;margin-top:7px}.workspace-footer>span:first-child{font-weight:700}
.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;min-height:var(--nav);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(16px);border-top:1px solid #b9cdb8;justify-content:space-around}.bottom-nav button{border:0;background:transparent;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:64px;font-size:.7rem;font-weight:500;padding:6px 13px;color:#52675b}.bottom-nav button .ui-icon{width:23px;height:23px}.bottom-nav button.active{color:#fff;background:var(--forest-gradient);font-weight:600}
.mobile-cart{display:flex;justify-content:space-between;align-items:center;position:fixed;left:15px;right:15px;bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 11px);z-index:12;min-height:60px;box-shadow:0 5px 20px #143b2626;border-radius:15px;font-size:.8rem;gap:8px}.mobile-cart>span{display:flex;align-items:center;gap:8px}.mobile-cart .ui-icon{width:19px;height:19px}.mobile-cart-amount{flex-wrap:wrap}.mobile-cart-amount>span{border-left:1px solid #a0b9a2;padding-left:8px}.cart-sheet{display:block;position:fixed;inset:88px 0 calc(var(--nav) + env(safe-area-inset-bottom));z-index:20;overflow:auto;background:#fff;border:1px solid #9ab59d;border-radius:24px 24px 0 0;padding:23px;box-shadow:0 -15px 50px #14281f30}.sheet-close{display:flex;margin:0 0 18px auto}
.toast{display:flex;align-items:center;gap:10px;position:fixed;bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 86px);left:15px;right:15px;z-index:45;background:#143c2a;color:#fff;border:1px solid #719c79;border-radius:14px;padding:9px 9px 9px 16px;box-shadow:0 8px 25px #14281f26;line-height:1.5;font-size:.85rem}.toast>span{flex:1;min-width:0}.toast button{background:transparent;border:0;color:#fff;padding:0;font-size:1.6rem}
dialog{border:1px solid #b1c0b5;border-radius:24px;padding:26px;max-width:560px;width:calc(100% - 30px);max-height:calc(100dvh - 30px);overflow-y:auto;color:var(--ink);box-shadow:0 25px 90px #0d2f2933}dialog::backdrop{background:#102e25b3}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dialog-head h2{font-size:1.4rem;line-height:1.4;margin:0}.icon-button{padding:0;font-size:1.6rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-200%);z-index:100;background:#fff;padding:15px;color:var(--green)}.skip-link:focus{transform:none}.menu-backdrop{display:block;position:fixed;inset:0;width:100%;height:100%;z-index:30;background:#14281f80;border:0;border-radius:0}dl{display:grid;gap:10px;grid-template-columns:1fr 2fr}dd{margin:0;overflow-wrap:anywhere}
.login{max-width:480px;margin:5vh auto;padding:25px}.login-layout{max-width:1080px;margin:8vh auto;padding:0;display:grid;border:1px solid #ccdaca;border-radius:26px;background:#fff;overflow:hidden}.login-story{background:var(--forest-gradient);padding:38px;display:flex;flex-direction:column;align-items:flex-start;color:#fff}.login-story>img{padding:6px;background:#fff;border-radius:18px;object-fit:contain}.login-wordmark{font-weight:700;font-size:1.4rem;letter-spacing:-.04em;margin:20px 0}.login-story>div{margin:30px 0}.login-story h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.045em;margin:0}.login-story p{color:#deebd8;font-size:.9rem;margin:22px 0 0}.login-story .eyebrow,.login-story>small{color:#deebd8}.login-story>small{margin-top:auto;font-size:.7rem}.login-panel{padding:38px;align-self:center}.login-panel h1{font-size:1.8rem}.login-panel>p{font-size:.85rem}.login-panel .demo-banner{margin:26px 0}.login-help{display:flex;align-items:center;gap:8px;font-size:.72rem!important;margin-top:22px}.login-help .ui-icon{width:18px;height:18px}
@media(min-width:600px){.workspace{padding-left:24px;padding-right:24px}.page-lead{flex-direction:row;align-items:center}.page-lead>div:first-child{flex:1 1 18rem;width:auto}.page-lead>.button-row{flex:0 1 auto}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.shift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-summary{padding:28px}.overview-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.summary-heading{align-items:flex-start;flex-direction:column;gap:8px}.summary-amount{font-size:2.3rem}.summary-details{grid-template-columns:1fr;gap:14px}.summary-details strong{font-size:1.4rem}.login-layout{grid-template-columns:1fr 1fr;margin-left:24px;margin-right:24px}}
@media(min-width:761px){.sidebar{width:224px;position:sticky;transform:none;z-index:6}.sidebar nav button{font-size:.77rem;padding:10px 9px;gap:9px}.brand{padding:27px 18px 24px}.brand strong{font-size:1.05rem}.workspace-identity{margin-left:12px;margin-right:12px}.mobile-menu,.menu-backdrop,.bottom-nav,.mobile-cart,.cart-sheet{display:none}.topbar{padding:16px 24px;gap:20px;min-height:84px}.topbar strong{font-size:1.06rem}.connection{display:inline-flex}.workspace,.pos-workspace{padding:26px 24px 35px}.overview-layout{grid-template-columns:1fr}.summary-heading{flex-direction:row}.summary-details{grid-template-columns:1fr 1.25fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.shift-grid{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-cart{display:block;position:static}.toast{left:auto;right:26px;bottom:26px;max-width:min(520px,calc(100vw - 275px))}.login-layout{margin-left:auto;margin-right:auto;width:calc(100% - 70px)}}
@media(min-width:1050px){.sidebar{width:244px}.sidebar nav button{font-size:.8rem}.sidebar nav{padding-left:15px;padding-right:15px}.workspace,.pos-workspace{padding:29px 30px 35px}.topbar{padding-left:30px;padding-right:30px}.overview-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.summary-heading{flex-direction:column}.summary-details{grid-template-columns:1fr;gap:14px}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px}.desktop-cart{position:sticky;top:104px;padding:23px;box-shadow:0 5px 22px #274d2410}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue{padding:23px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.shift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bar-chart{gap:11px}}
@media(min-width:1280px){.sidebar{width:258px}.brand{padding-left:23px}.sidebar nav button{font-size:.82rem;padding-left:12px}.overview-layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:22px}.sales-summary{padding:30px 34px}.summary-heading{flex-direction:row}.summary-amount{font-size:3.4rem;margin-top:26px}.summary-details{grid-template-columns:1fr 1.25fr;padding-top:22px}.summary-details strong{font-size:1.65rem}.shift-summary{padding:27px}.dashboard-grid{gap:22px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.panel{padding:25px}.pos-layout{grid-template-columns:minmax(0,1fr) 340px;gap:22px}.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product-art{height:163px}.desktop-cart{padding:25px}.cart-items{min-height:270px}}
@media(max-width:760px){:root{font-size:14px}.sidebar nav button{font-size:.9rem;min-height:48px}.brand small{font-size:.8rem}.topbar small{font-size:.58rem}.topbar small>span{margin:0 5px}.topbar-avatar{display:none}.page-lead h1{font-size:1.85rem}.page-lead>button:not(.shift-indicator){width:100%}.dashboard-lead>button{display:none}.page-lead .shift-indicator{min-height:44px;font-size:.75rem}.demo-banner{font-size:.69rem;margin-bottom:22px}.summary-heading{font-size:.8rem}.shift-summary{padding:22px}.shift-summary .section-head{margin-bottom:13px}.summary-amount{font-size:clamp(2.05rem,8vw,2.6rem)}.section-head>button{font-size:.8rem}.bar-chart strong{font-size:.59rem}.bar-chart span{font-size:.6rem}.button-row>button{flex:1}.form-field input,.form-field select,.form-field textarea{font-size:16px}.check{font-size:1rem}.product strong{font-size:.89rem}.product strong,.product small,.product>span{margin-left:12px;margin-right:12px}.product-art{height:134px}.product>span{font-size:.87rem}.login-layout{margin:20px 15px;border-radius:22px}.login-story{padding:26px}.login-story>img{width:64px;height:64px}.login-wordmark{font-size:1.3rem;margin:15px 0 0}.login-story>div{margin:24px 0 0}.login-story h2{font-size:1.9rem}.login-story p,.login-story>small{display:none}.login-panel{padding:28px 25px}}
@media(max-width:359px){.workspace{padding-left:12px;padding-right:12px}.sales-summary,.shift-summary{padding:20px}.summary-details{grid-template-columns:1fr;gap:14px}.product-art{height:110px}.products{gap:10px}.product strong{font-size:.8rem}.product>span{font-size:.78rem}.product>span b{width:23px;height:23px}.mobile-cart{font-size:.7rem;padding:10px}.mobile-cart-amount>.ui-icon{display:none}}
.sidebar nav button,.page-lead .shift-indicator{min-height:48px}.quantity button{min-height:48px;min-width:48px}.category-tabs button:not(.selected){border-color:#7a9180}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.cart-sheet{margin:0;width:100%;max-width:none;height:calc(100dvh - 88px - var(--nav) - env(safe-area-inset-bottom));max-height:none}.cart-sheet::backdrop{background:#102e2566}
.product-addon-hint{display:block;margin-top:5px;margin-bottom:10px;color:var(--green);font-size:.68rem}.cart-line-copy{min-width:0;flex:1;overflow-wrap:anywhere}.addon-picker>p{margin:0 0 16px;font-size:.85rem}.addon-options{display:grid;gap:9px}.addon-option{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:#fbfcfa;cursor:pointer}.addon-option:focus-within{outline:3px solid #a85913;outline-offset:2px}.addon-option input{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin:0;accent-color:var(--green)}.addon-option>span{display:grid;gap:3px;min-width:0}.addon-option strong{font-size:.88rem}.addon-option small{color:var(--muted);font-size:.76rem}.addon-picker-total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;margin-top:10px;border-top:1px solid var(--line);font-size:.88rem}.addon-picker-total strong{font-size:1.05rem}.addon-editor{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.addon-editor .section-head{align-items:flex-start}.addon-editor .section-head>div{min-width:0}.addon-editor .section-head h3{font-size:1rem;margin:0 0 5px}.addon-editor .section-head p{font-size:.78rem;margin:0}.addon-editor .section-head>button{flex-shrink:0}.addon-editor>.empty{padding:20px 10px;font-size:.8rem}.addon-editor-card{min-width:0;margin:15px 0;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fbfcfa}.addon-editor-card>.section-head{margin-bottom:13px}.addon-editor-card legend{padding:0 6px;font-size:.84rem;font-weight:700}.addon-editor-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:12px}.addon-editor-fields .form-field{margin-bottom:14px}.addon-recipe-head{display:flex;justify-content:space-between;gap:10px;margin:7px 0 9px;font-size:.8rem}.addon-recipe-head span{color:var(--muted)}.addon-recipe-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.42fr) 48px;gap:8px;align-items:center;margin:8px 0}.addon-recipe-row select,.addon-recipe-row input{min-width:0;min-height:48px;padding:10px}.addon-recipe-row button{width:48px;min-width:48px;height:48px;padding:0;font-size:1.35rem}.addon-add-ingredient{margin-top:5px}.addon-add-ingredient:disabled{display:none}
@media print{.sidebar,.topbar,.bottom-nav,.toast,.demo-banner,.workspace-footer,button,dialog::backdrop{display:none!important}.workspace{padding:0}.app-shell{display:block}dialog[open]{display:block;position:static;max-height:none;width:100%;max-width:none;border:0}.panel{break-inside:avoid}.main{width:100%}body:has(dialog[open]) .app-shell>.main{display:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brand>div{flex:1;min-width:0}.brand strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-toggle{display:none;flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0;border-radius:10px;background:#ffffff10;border-color:#6b8e76;color:#f5faf4}.sidebar-toggle:hover{background:#ffffff20}.sidebar-footer strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity{display:flex;flex:1 1 0;min-width:0;justify-content:flex-start;gap:10px;padding:0;border:0;border-radius:10px;background:transparent;color:#f5faf4;text-align:left}.account-identity:hover{background:#ffffff12}.account-copy{display:block;min-width:0;flex:1}.account-copy small{display:block;color:#c0d3c5;font-size:.68rem;margin-top:4px;white-space:nowrap}.account-copy strong{font-size:.8rem}
@media(min-width:761px){.sidebar-toggle{display:inline-flex}.sidebar.collapsed{width:82px}.sidebar.collapsed .brand{justify-content:center;flex-wrap:wrap;padding:16px 8px 18px;gap:9px}.sidebar.collapsed .brand>div,.sidebar.collapsed .workspace-identity>div,.sidebar.collapsed .nav-group,.sidebar.collapsed nav button span,.sidebar.collapsed .account-copy{display:none}.sidebar.collapsed .brand img{flex:0 0 46px}.sidebar.collapsed .sidebar-toggle{flex-basis:48px}.sidebar.collapsed .sidebar-toggle .ui-icon{transform:rotate(180deg)}.sidebar.collapsed .workspace-identity{justify-content:center;margin-left:16px;margin-right:16px;padding:9px 6px}.sidebar.collapsed nav{padding-left:10px;padding-right:10px}.sidebar.collapsed nav button{justify-content:center;gap:0;padding:10px 8px}.sidebar.collapsed .sidebar-footer{justify-content:center;flex-wrap:wrap;gap:8px;padding:12px 7px}.sidebar.collapsed .sidebar-footer .account-identity,.sidebar.collapsed .sidebar-footer>button{flex:0 0 48px;min-width:48px;width:48px;justify-content:center;padding:0}}
.summary-period-control{display:flex;width:min(100%,160px)}.summary-period-control select{min-height:44px;padding:8px 30px 8px 11px;background:#174a34;border-color:#88b395;border-radius:9px;color:#fff;font-size:.78rem}.summary-period-control select:focus-visible{outline-color:#f5ca7b}.summary-period-control option{background:#fff;color:#18392b}.summary-custom-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px}.summary-custom-range label{display:grid;gap:6px;min-width:0;color:#e4f0df;font-size:.72rem}.summary-custom-range input{min-width:0;min-height:44px;padding:8px 10px;border-color:#9bb9a1;background:#fff;color:var(--ink);font-size:.85rem}.summary-range-label{display:block;margin-top:11px;color:#e4f0df;font-size:.72rem}
@media(max-width:359px){.summary-custom-range{grid-template-columns:1fr}.summary-period-control{width:142px}}
.profile-name-form{max-width:620px;margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:15px;background:#f8faf7}.profile-name-form .form-field{margin-bottom:10px}.profile-name-form p{margin:0 0 15px;font-size:.82rem}

.login-experience {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 44px 22px;
  position: relative;
  isolation: isolate;
  background: var(--forest-gradient);
}
.login-card {
  width: min(100%, 470px);
  min-width: 0;
  padding: 36px;
  border: 1px solid #c6d7c3;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 20px 60px #082d2426;
}
.login-header { display: flex; align-items: center; gap: 15px; margin-bottom: 32px }
.login-logo-anchor { width: 64px; height: 64px; border-radius: 17px; overflow: hidden; flex-shrink: 0; background: #1a6140 }
.login-logo-anchor img { width: 100%; height: 100%; display: block }
.login-brand-copy { min-width: 0 }
.login-brand-copy strong { display: block; font-size: 1.35rem; letter-spacing: -.045em }
.login-brand-copy span { display: block; color: var(--muted); font-size: .76rem; margin-top: 5px }
.login-copy h1 { font-size: clamp(1.6rem, 2.7vw, 1.95rem); letter-spacing: -.045em; margin-bottom: 11px }
.login-copy p { font-size: .87rem; margin: 0 }
.login-form-content { margin-top: 27px }
.login-form-content .demo-banner { font-size: .72rem; margin-bottom: 24px; padding: 12px 13px }
.login-form-content .form-field { font-size: .85rem }
.login-form-content .form-field input, .login-form-content .form-field select { min-height: 53px; font-size: 16px }
.login-form-content form>.primary { min-height: 54px; margin-top: 4px; border-radius: 13px }
.login-form-content>.muted { font-size: .74rem; margin-bottom: 0 }
.login-footnote { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: .72rem; margin-top: 27px; padding-top: 20px; border-top: 1px solid var(--line) }
.login-footnote .ui-icon { width: 17px; height: 17px }
.login-timezone { margin-left: auto; font-size: .65rem; font-weight: 600 }
.login-splash { position: fixed; inset: 0; z-index: 20; background: var(--forest-gradient) }
.login-splash-caption { position: absolute; top: calc(50% + 87px); left: 20px; right: 20px; text-align: center; color: #e4f0df }
.login-splash-caption strong { display: block; color: #fff; font-size: 1.45rem; letter-spacing: -.035em }
.login-splash-caption span { display: block; font-size: .77rem; margin-top: 10px }
.login-moving-logo { width: 120px; height: 120px; position: fixed; z-index: 21; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(.94); border-radius: 28px; overflow: hidden; background: #1a6140; box-shadow: 0 0 12px 2px #d4edbd12; pointer-events: none; will-change: transform }
.login-moving-logo img { display: block; width: 100%; height: 100% }
.login-motion-skip { position: fixed; top: max(20px, env(safe-area-inset-top)); right: max(22px, env(safe-area-inset-right)); z-index: 30; color: #fff; background: #15442f; border-color: #91b394; font-size: .77rem; padding: 10px 15px }
.login-motion-skip:hover { color: #fff; background: #103e2d }
.login-motion-skip:focus-visible { outline-color: #f5ca7b }
.login-motion-skip.on-light { color: #fff }
.login-phase-splash .login-header img, .login-phase-moving .login-header img { opacity: 0 }
.login-phase-splash .login-brand-copy, .login-phase-moving .login-brand-copy,
.login-phase-splash .login-copy, .login-phase-moving .login-copy,
.portal-audience { color: #365e49; margin: 0 0 20px; line-height: 1.5 }
.portal-switch { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px; margin: 16px 0 0; color: #365e49; line-height: 1.5 }
.portal-switch a { display: inline-flex; align-items: center; min-height: 48px; color: #155436; text-decoration: underline; text-underline-offset: 4px; font-weight: 650 }
.portal-switch a:focus-visible { outline: 3px solid #155436; outline-offset: 4px; border-radius: 3px }
.login-phase-splash .login-form-content, .login-phase-moving .login-form-content,
.login-phase-splash .login-footnote, .login-phase-moving .login-footnote { visibility: hidden }
.login-phase-form .login-brand-copy, .login-phase-form .login-copy { animation: login-content-reveal 430ms cubic-bezier(.2,.65,.25,1) both }
.login-phase-form .login-form-content>.demo-banner { animation: login-content-reveal 430ms 70ms both }
.login-phase-form .login-form-content .form-field { animation: login-content-reveal 460ms 120ms cubic-bezier(.2,.65,.25,1) both }
.login-phase-form .login-form-content .form-field:nth-of-type(2) { animation-delay: 180ms }
.login-phase-form .login-form-content>.muted, .login-phase-form .login-footnote { animation: login-content-reveal 430ms 160ms both }
.login-phase-form .login-form-content form>.primary { animation: login-action-reveal 330ms 440ms cubic-bezier(.2,.65,.25,1) both }
@keyframes login-content-reveal { from { opacity: 0; transform: translateY(13px) } to { opacity: 1; transform: translateY(0) } }
@keyframes login-action-reveal { from { opacity: 0; transform: translateY(10px) } to { opacity: 1; transform: translateY(0) } }
@media (max-width:600px) {
  .login-experience { padding: max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom)); align-content: center }
  .login-card { padding: 28px 25px; border-radius: 23px }
  .login-header { margin-bottom: 28px; gap: 13px }
  .login-brand-copy strong { font-size: 1.35rem }
  .login-copy h1 { font-size: 1.85rem }
  .login-form-content { margin-top: 24px }
  .login-motion-skip { top: max(12px, env(safe-area-inset-top)); right: 16px; min-height: 48px }
  .login-footnote { flex-wrap: wrap; line-height: 1.5 }
}
@media (max-height:600px) { .login-experience { place-items: start center; padding-top: 24px } }
@media (prefers-reduced-motion:reduce) {
  .login-experience *, .login-experience *::before, .login-experience *::after { animation: none!important; transition: none!important }
  .login-phase-form .login-form-content form>.primary { opacity: 1; transform: none }
}

.account-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}
.account-row>div{min-width:0;flex:1 1 220px}.account-row small{display:block;margin-top:6px}
.break-id{overflow-wrap:anywhere;white-space:normal}
details{margin:20px 0}summary{cursor:pointer;font-weight:700;min-height:48px;display:list-item;padding:12px 0}
details>form{margin-top:16px;max-width:620px}
.product-photo-field{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border)}
.product-photo-preview{width:160px;height:160px;object-fit:cover;border-radius:12px;display:block;margin:12px 0}
.product-art{overflow:hidden}.product-art>img{position:absolute;inset:0;min-width:0;min-height:0}
.android-download{display:inline-flex;align-items:center;min-height:48px;padding:12px 16px;border:1px solid #7a9180;border-radius:12px;color:var(--green);font-weight:600}
.payment-evidence{padding:18px 0;border-top:1px solid var(--line);margin-top:16px}.payment-evidence h3{margin:0 0 12px}.evidence-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.evidence-photos a{display:grid;gap:8px;color:var(--green);overflow-wrap:anywhere}.evidence-photos img{display:block;width:100%;height:160px;object-fit:contain;background:var(--soft)}.evidence-inputs{display:grid;gap:12px;margin-top:16px}.evidence-inputs input{padding:10px;max-width:100%}.evidence-inputs .form-field{min-width:0;margin:0}.transfer-verification{margin:20px 0 0}.transfer-verification button{margin-top:14px}.transfer-settings dd{word-break:break-word}.transfer-settings form{max-width:560px}