@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#17211d;font-synthesis:none;--green:#165c43;--green-dark:#104634;--mint:#e4f1ea;--line:#e1e5df;--muted:#66736d;--paper:#fff;--sidebar:#15241f;background:#f5f6f3;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100dvh;display:flex}.skip-link{z-index:100;color:#111;background:#fff;border-radius:8px;padding:12px 16px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}:focus-visible{outline-offset:2px;outline:3px solid #e0a43a}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar{background:var(--sidebar);color:#e9f0ec;z-index:20;flex-direction:column;width:236px;padding:27px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 12px 28px;display:flex}.brand-mark{color:#173328;background:#d8ad5a;border-radius:11px;place-items:center;width:36px;height:36px;font:800 19px Manrope;display:grid}.brand strong,.brand small{display:block}.brand strong{font:800 16px Manrope}.brand small{color:#94a69f;margin-top:1px;font-size:11px}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#aebbb6;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;min-height:46px;padding:0 13px;font-weight:600;display:flex}.sidebar nav button svg{width:20px}.sidebar nav button:hover{color:#fff;background:#1d3029}.sidebar nav button.active{color:#fff;background:#27463a}.store-card{border-top:1px solid #2c3b36;align-items:center;gap:10px;margin-top:auto;padding:18px 4px 0;display:flex}.store-card>span:nth-child(2){flex:1;min-width:0}.store-card strong,.store-card small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.store-card strong{font-size:13px}.store-card small{color:#91a29b;margin-top:3px;font-size:10px}.store-card>svg{color:#80918a;width:16px}.avatar{color:#183026;background:#d8ad5a;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.workspace{flex:1;min-width:0;margin-left:236px}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;align-items:center;height:62px;padding:0 24px;display:flex;position:sticky;top:0}.connection{color:#50605a;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.status-dot{background:#2f9b68;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #e3f3ea}.connection.offline .status-dot,.status-dot.red{background:#d06a56;box-shadow:0 0 0 3px #f8e8e5}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.sync-status,.user-button,.icon-button{color:#52615c;background:0 0;border:0;align-items:center;gap:8px;display:flex}.sync-status{border-radius:8px;padding:8px 10px;font-size:11px}.sync-status:hover{background:#f2f4f1}.sync-status:disabled{cursor:default}.sync-status svg{width:16px}.user-button{border-left:1px solid var(--line);margin-left:3px;padding-left:15px;font-size:12px;font-weight:600}.user-button svg{width:20px}.icon-button{border-radius:9px;justify-content:center;width:40px;height:40px}.icon-button svg{width:21px}.menu-button{display:none}.register-layout{grid-template-columns:minmax(480px,1fr) 370px;height:calc(100dvh - 62px);display:grid}.catalog{min-width:0;padding:26px 28px 40px;overflow:auto}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.eyebrow{color:#77837e;text-transform:uppercase;letter-spacing:.12em;margin:0 0 4px;font-size:10px;font-weight:800}.page-heading h1{letter-spacing:-.04em;margin:0;font:800 26px/1.1 Manrope}.search{color:#7a8580;background:#fff;border:1px solid #dce1dc;border-radius:9px;align-items:center;gap:8px;width:min(320px,45%);height:42px;padding:0 11px;display:flex}.search:focus-within{border-color:#519175;box-shadow:0 0 0 3px #dcece4}.search svg{width:18px}.search input{color:#24302b;border:0;outline:0;flex:1;min-width:0}.search kbd{color:#8b948f;background:#f1f3f0;border:1px solid #e4e7e3;border-radius:5px;padding:2px 5px;font-size:9px}.category-tabs{gap:7px;padding:2px 2px 16px;display:flex;overflow:auto}.category-tabs button{color:#596660;white-space:nowrap;background:#fff;border:1px solid #dce1dc;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:600}.category-tabs button.active{background:var(--green);border-color:var(--green);color:#fff}.product-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;display:grid}.product-card{text-align:left;background:#fff;border:1px solid #e2e5e1;border-radius:12px;padding:0;transition:transform .15s,box-shadow .15s;overflow:hidden}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #1c35230d}.product-card:active{transform:scale(.98)}.product-art{place-items:center;height:105px;display:grid}.product-art span{filter:saturate(.75);font-size:39px}.product-info{padding:11px 12px 12px;display:block}.product-info strong,.product-info>span{display:block}.product-info strong{margin-bottom:4px;font-size:13px}.product-info>span{color:#65716c;font-size:12px}.cart-panel{border-left:1px solid var(--line);background:#fff;flex-direction:column;min-height:0;display:flex}.cart-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;height:80px;padding:20px 22px 15px;display:flex}.cart-title h2{margin:0;font:700 19px Manrope}.cart-title h2 span{color:#315446;background:#e8efeb;border-radius:99px;place-items:center;min-width:20px;height:20px;margin-left:5px;font:700 10px DM Sans;display:inline-grid}.text-button{color:var(--green);background:0 0;border:0;padding:5px;font-size:12px;font-weight:700}.empty-cart{text-align:center;color:#77827e;margin:auto;padding:25px}.empty-cart>span{color:#87938e;background:#f0f3f0;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 16px;display:grid}.empty-cart svg{width:27px}.empty-cart h3{color:#3a4741;margin:0 0 6px;font:700 15px Manrope}.empty-cart p{margin:0;font-size:12px}.cart-lines{flex:1;padding:5px 20px;overflow:auto}.cart-line{border-bottom:1px solid #edf0ed;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:15px 0;display:grid}.cart-line>div:first-child strong,.cart-line>div:first-child span{display:block}.cart-line>div:first-child strong{font-size:13px}.cart-line>div:first-child span{color:#7a8580;margin-top:3px;font-size:10px}.cart-line>strong{font-size:12px}.line-controls{border:1px solid #dfe3df;border-radius:7px;align-items:center;display:flex}.line-controls button{background:#fafbf9;border:0;place-items:center;width:27px;height:29px;display:grid}.line-controls svg{width:13px}.line-controls output{text-align:center;width:25px;font-size:11px;font-weight:700}.cart-summary{border-top:1px solid var(--line);padding:18px 22px 20px;box-shadow:0 -10px 30px #24392a08}.cart-summary>div{color:#67736e;justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.cart-summary .total{color:#1a2621;margin:14px 0 17px;font-size:17px;font-weight:800}.primary,.secondary{border-radius:9px;min-height:42px;padding:0 16px;font-weight:700}.primary{background:var(--green);border:1px solid var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.primary:disabled{cursor:not-allowed;background:#c7d0cb;border-color:#c7d0cb}.secondary{color:#34433d;background:#fff;border:1px solid #d9ded9}.charge{justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 19px;display:flex}.content-page{max-width:1280px;margin:auto;padding:30px clamp(20px,4vw,55px)}.content-page>.page-heading{margin-bottom:26px}.compact{align-items:center;gap:8px;display:flex}.compact svg{width:17px}.data-card,.stat-card,.settings-card,.shift-hero{border:1px solid var(--line);background:#fff;border-radius:13px}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px;display:flex}.table-list{padding:3px 18px}.table-row{border-bottom:1px solid #edf0ed;grid-template-columns:40px minmax(145px,1.4fr) 1fr auto auto 16px;align-items:center;gap:13px;min-height:69px;font-size:12px;display:grid}.table-row:last-child{border:0}.table-row>span:nth-child(2) strong,.table-row>span:nth-child(2) small{display:block}.table-row>span:nth-child(2) small{color:#7b8581;margin-top:3px}.table-row>svg{color:#8e9994;width:15px}.row-icon{color:#396b57;background:#eaf2ed;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.row-icon svg{width:17px}.sync-pill{text-transform:capitalize;color:#567066;background:#eef5f1;border-radius:99px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:flex}.sync-pill span{background:#3d9b70;border-radius:50%;width:5px;height:5px}.sync-pill.pending{color:#87682e;background:#fcf4df}.sync-pill.pending span{background:#d29a35}.mini-art{border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.avatar.pale{color:#356450;background:#e3eee8}.stat-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.stat-card{padding:20px}.stat-card>span,.stat-card>strong,.stat-card>small{display:block}.stat-card>span{color:#69756f;font-size:11px}.stat-card>strong{margin:10px 0 4px;font:800 25px Manrope}.stat-card>small{color:#8a948f;font-size:10px}.shift-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#173f31,#1d6047);margin-bottom:16px;padding:42px}.status-badge{background:#ffffff19;border-radius:99px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;display:inline-flex}.status-badge span{background:#71d5a5;border-radius:50%;width:6px;height:6px}.shift-hero h2{margin:20px 0 2px;font:800 40px Manrope}.shift-hero p{color:#b8d2c7;margin:0;font-size:11px}.settings-grid{gap:14px;display:grid}.settings-card{gap:17px;padding:22px;display:flex}.settings-card h2{margin:0 0 7px;font:700 15px Manrope}.settings-card p{color:#69756f;max-width:600px;margin:0 0 11px;font-size:12px;line-height:1.6}.setting-status{align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101a16a8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(430px,100%);overflow:hidden;box-shadow:0 25px 70px #0004}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:63px;padding:0 12px;display:flex}.modal-header h2{font:700 16px Manrope}.amount-due{text-align:center;background:#f5f7f4;padding:26px}.amount-due span,.amount-due strong{display:block}.amount-due span{color:#77827d;font-size:11px}.amount-due strong{margin-top:5px;font:800 35px Manrope}.payment-options{gap:10px;padding:16px;display:grid}.payment-options button{text-align:left;background:#fff;border:1px solid #dfe3df;border-radius:11px;grid-template-rows:1fr 1fr;grid-template-columns:44px 1fr 20px;align-items:center;column-gap:12px;min-height:74px;padding:11px 13px;display:grid}.payment-options button:hover{background:#f9fbf9;border-color:#699780}.payment-options button>span{color:#275e48;background:#e6f0ea;border-radius:10px;grid-row:1/3;place-items:center;width:42px;height:42px;display:grid}.payment-options button>span svg{width:21px}.payment-options button>strong{align-self:end;font-size:13px}.payment-options button>small{color:#7d8883;align-self:start}.payment-options button>svg{grid-area:1/3/3;width:16px}.payment-note{color:#7a8580;justify-content:center;align-items:center;gap:7px;margin:0 16px 18px;font-size:10px;display:flex}.payment-note svg{width:14px}.success-modal{text-align:center;padding:36px 32px}.success-check{color:#1f7956;background:#dff1e7;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 17px;display:grid}.success-check svg{width:29px}.success-modal h2{margin:4px;font:800 34px Manrope}.success-modal>p:not(.eyebrow){color:#68746e;font-size:12px;line-height:1.5}.success-modal .primary{width:100%;margin-top:18px}.toast{z-index:60;color:#fff;background:#172a23;border-radius:8px;padding:10px 15px;font-size:11px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0003}.toast:empty,.nav-scrim{display:none}@media (width<=1000px){.register-layout{grid-template-columns:minmax(400px,1fr) 330px}.sidebar{width:82px;padding-inline:11px}.workspace{margin-left:82px}.brand{padding-inline:10px}.brand>span:last-child,.sidebar nav span,.store-card>span:nth-child(2),.store-card>svg{display:none}.sidebar nav button{justify-content:center;padding:0}.store-card{justify-content:center}.catalog{padding-inline:20px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (width<=760px){.sidebar{width:236px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:none}.workspace{margin-left:0}.menu-button{display:flex}.nav-scrim{z-index:19;background:#101a1699;border:0;display:block;position:fixed;inset:0}.topbar{padding:0 13px}.connection span:last-child,.sync-status span,.user-button span{display:none}.register-layout{height:auto;display:block}.catalog{padding:20px 15px 150px}.cart-panel{z-index:8;border:0;border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #17231d14}.cart-title,.cart-lines,.cart-summary>div:not(.total){display:none}.cart-summary{padding:11px 14px}.cart-summary .total{display:none}.charge{height:52px}.page-heading{align-items:flex-end}.page-heading .search{width:46%}.page-heading h1{font-size:23px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-art{height:90px}.content-page{padding:22px 14px}.stat-grid{grid-template-columns:1fr}.hide-mobile{display:none}.table-row{grid-template-columns:38px minmax(120px,1fr) auto 14px;gap:9px}.table-row .sync-pill{display:none}.table-toolbar .search{width:70%}.settings-card{padding:17px}.shift-hero{padding:32px 15px}}@media (width<=420px){.search kbd{display:none}.product-info{padding:9px 10px}.product-info strong{font-size:12px}.product-art{height:82px}.content-page>.page-heading{align-items:center}.compact{padding:0 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.payment-options button:disabled{cursor:not-allowed;opacity:.55;background:#f5f6f4;border-color:#e3e6e2}.payment-options button:disabled:hover{background:#f5f6f4;border-color:#e3e6e2}.modal-header .icon-button:disabled{cursor:not-allowed;opacity:.35}.payment-progress{background:#f0f7f3;border:1px solid #cfe1d7;border-radius:11px;align-items:center;gap:11px;margin:16px 16px 0;padding:13px 14px;display:flex}.payment-progress.failed{background:#fff4f2;border-color:#efd3cd}.payment-progress-dot{background:#2f9b68;border-radius:50%;flex:none;width:9px;height:9px;animation:1.2s ease-in-out infinite payment-pulse;box-shadow:0 0 0 4px #dbeee4}.payment-progress.failed .payment-progress-dot{background:#c75d49;animation:none;box-shadow:0 0 0 4px #f5ddd8}.payment-progress>div{flex:1;min-width:0}.payment-progress strong{text-transform:capitalize;font-size:12px;display:block}.payment-progress p{color:#66736d;overflow-wrap:anywhere;margin:3px 0 0;font-size:10px;line-height:1.4}.payment-cancel{flex:none;min-height:34px;padding:0 12px;font-size:11px}@keyframes payment-pulse{50%{opacity:.45;transform:scale(.8)}}.enrol-field{color:var(--muted);gap:6px;margin:14px 0 10px;font-size:12px;font-weight:700;display:grid}.enrol-field input{color:#17211d;background:#fff;border:1px solid #d9ded9;border-radius:8px;width:100%;min-height:42px;padding:8px 10px}.field-error{font-weight:700;color:#a43c2b!important}.card-receipt{text-align:left;background:#fafbf9;border:1px dashed #bcc9c2;border-radius:10px;margin:18px 0 4px;padding:15px 16px}.card-receipt>strong{margin-bottom:10px;font:700 13px Manrope;display:block}.card-receipt dl{grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:0;font-size:10px;display:grid}.card-receipt dt{color:#75817b}.card-receipt dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:700}.card-receipt>small{color:#25704f;text-align:center;letter-spacing:.12em;border-top:1px solid #e3e7e3;margin-top:11px;padding-top:9px;font-weight:800;display:block}.pdq-receipt-text{white-space:pre-wrap;text-align:left;color:#1d2923;margin:0;font:600 10px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.receipt-open{color:#7d8983;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.receipt-open:hover{color:var(--green);background:#eef3ef}.receipt-open svg{width:15px}.receipt-body{text-align:center;padding:25px 28px 30px}.receipt-body h3{margin:3px 0;font:800 23px Manrope}.receipt-body>p:not(.eyebrow){color:var(--muted);margin:0;font-size:11px}.receipt-total,.receipt-payment{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 0;font-size:12px;display:flex}.receipt-total{margin-top:22px}.receipt-total strong{font:800 20px Manrope}.receipt-no-pdq{border-top:1px solid var(--line);padding:18px 0!important}.receipt-modal{flex-direction:column;max-height:calc(100dvh - 32px);display:flex}.receipt-modal .modal-header{flex:0 0 63px}.receipt-modal .receipt-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;overflow-y:auto}.receipt-modal .card-receipt,.receipt-modal .pdq-receipt-text{overflow-wrap:anywhere;min-width:0}.compact-pdq-receipt{padding:11px 13px}.compact-pdq-receipt>strong{margin-bottom:7px}.compact-pdq-receipt .pdq-receipt-text{font-size:9px;line-height:1.28}@media (width<=760px){.receipt-modal{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.receipt-modal .receipt-body{padding-bottom:max(30px,env(safe-area-inset-bottom))}}.cart-summary>.basket-actions{grid-template-columns:1fr 1.25fr 1fr;gap:7px;margin:0 0 10px;display:grid}.basket-actions button{min-height:34px;padding:0 8px;font-size:10px}.basket-void{color:#a34535;background:#fff5f3;border:1px solid #e5c8c2;border-radius:8px;min-height:34px;font-weight:700}.basket-void:hover{background:#fdeae6}.basket-void:disabled{cursor:not-allowed;opacity:.45}.basket-modal{flex-direction:column;width:min(560px,100%);max-height:calc(100dvh - 32px);display:flex}.basket-modal .modal-header{flex:0 0 63px}.basket-list{overscroll-behavior:contain;gap:9px;min-height:0;padding:12px;display:grid;overflow-y:auto}.basket-row{border:1px solid var(--line);border-radius:11px;gap:11px;padding:13px;display:grid}.basket-row strong,.basket-row small{display:block}.basket-row small{color:var(--muted);margin-top:4px;font-size:10px}.basket-row-actions{grid-template-columns:1fr 1fr 1fr;gap:7px;display:grid}.basket-row-actions button{min-height:36px;padding:0 10px;font-size:11px}.empty-baskets{text-align:center;color:var(--muted);padding:35px 20px}.empty-baskets h3{color:#29352f;margin:0 0 6px;font:700 15px Manrope}.empty-baskets p{margin:0;font-size:11px}@media (width<=760px){.cart-summary>.basket-actions{display:grid!important}.basket-modal{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.basket-list{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.unpaid-badge{color:#a43c2b;letter-spacing:.08em;vertical-align:1px;background:#fff0ed;border-radius:999px;margin-left:8px;padding:3px 6px;font-size:8px;display:inline-block}.mark-unpaid{color:#8f3425;background:#fff5f3;border:1px solid #d78878;border-radius:9px;width:calc(100% - 32px);min-height:42px;margin:10px 16px 0;font-weight:800;display:block}.mark-unpaid:hover{background:#fde8e4}.mark-unpaid:disabled{cursor:not-allowed;opacity:.5}