:root{color-scheme:light;view-transition-name:none;--paper: #f6f8f4;--surface: #ffffff;--ink: #17202a;--muted: rgba(0, 0, 0, .62);--line: rgba(0, 0, 0, .1);--leaf: #2f6f4e;--leaf-dark: #275f42;--mint: #e7f5ed;--scrollbar-thumb: #2f6f4e;--scrollbar-track: color-mix(in srgb, var(--scrollbar-thumb) 10%, white);--shadow: 0 18px 50px rgba(23, 32, 42, .1);background:var(--paper);color:var(--ink);font-size:19px;font-family:Quicksand,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media(prefers-reduced-motion:no-preference){::view-transition-group(main-nav-active-tab){z-index:100;animation-duration:.36s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-image-pair(main-nav-active-tab){isolation:auto}::view-transition-old(main-nav-active-tab){animation:nav-marker-capsule-out .36s linear both;mix-blend-mode:normal}::view-transition-new(main-nav-active-tab){animation:nav-marker-capsule-in .36s linear both;mix-blend-mode:normal}}@keyframes nav-marker-capsule-out{0%{opacity:1;clip-path:inset(0 round .75rem);transform:scaleX(1)}28%{opacity:1;clip-path:inset(calc(50% - .72rem) calc(50% - 1.45rem) round 999px);transform:scaleX(1.08)}44%,to{opacity:0;clip-path:inset(calc(50% - .72rem) calc(50% - 1.45rem) round 999px);transform:scaleX(.92)}}@keyframes nav-marker-capsule-in{0%,40%{opacity:0;clip-path:inset(calc(50% - .72rem) calc(50% - 1.45rem) round 999px);transform:scaleX(.92)}48%{opacity:1;clip-path:inset(calc(50% - .72rem) calc(50% - 1.45rem) round 999px);transform:scaleX(1)}58%{opacity:1;clip-path:inset(calc(42% - .85rem) calc(42% - 1.55rem) round 1.4rem);transform:scaleX(1)}64%{opacity:1;clip-path:inset(.58rem .95rem round 1.18rem);transform:scaleX(1)}70%{opacity:1;clip-path:inset(.42rem .68rem round 1rem);transform:scaleX(1)}75%{opacity:1;clip-path:inset(.28rem .45rem round .9rem);transform:scaleX(1)}79%{opacity:1;clip-path:inset(.17rem .28rem round .84rem);transform:scaleX(1)}82%{opacity:1;clip-path:inset(.1rem .16rem round .8rem);transform:scaleX(1)}84%{opacity:1;clip-path:inset(.055rem .09rem round .78rem);transform:scaleX(1)}86%{opacity:1;clip-path:inset(.02rem .035rem round .76rem);transform:scaleX(1)}88%,to{opacity:1;clip-path:inset(0 round .75rem);transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){::view-transition-group(main-nav-active-tab),::view-transition-old(main-nav-active-tab),::view-transition-new(main-nav-active-tab){animation:none}}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:.7rem;height:.7rem}*::-webkit-scrollbar-thumb{border:.18rem solid transparent;border-radius:999px;background:var(--scrollbar-thumb);background-clip:padding-box}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#e7f5edb3,#f6f8f4eb 34%),var(--paper);background-attachment:fixed}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}select{appearance:none;background-color:var(--surface);background-image:linear-gradient(45deg,transparent 50%,var(--leaf) 50%),linear-gradient(135deg,var(--leaf) 50%,transparent 50%);background-position:calc(100% - 1rem) 50%,calc(100% - .68rem) 50%;background-repeat:no-repeat;background-size:.34rem .34rem,.34rem .34rem;padding-right:2.15rem!important}select:focus{border-color:var(--leaf)}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}.product-modal .modal-actions button:disabled{cursor:not-allowed}.dashboard-page,.login-page{min-height:100vh}.login-page{display:grid;place-items:center;padding:2.5rem 1rem}.login-card{width:min(100%,24rem);border:1px solid var(--line);border-radius:.5rem;background:var(--surface);padding:1.5rem;box-shadow:var(--shadow)}.login-heading{margin-bottom:1.5rem}.shell{width:min(100%,80rem);margin:0 auto;padding:1rem 1.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:4.15rem;padding-bottom:0;margin-bottom:4px}.title-block{min-width:0}.eyebrow{margin:0;color:var(--leaf);font-size:.82rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2{margin:.25rem 0 0;color:var(--ink);line-height:1.15}h1{font-size:clamp(1.5rem,2vw,1.9rem)}h2{font-size:1.25rem}.title-block p:last-child{margin:.35rem 0 0;color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}.toolbar{display:flex;min-width:0;max-width:100%;align-items:center;flex-wrap:nowrap;justify-content:flex-end;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding-top:0;scrollbar-width:thin}.toolbar .icon-button{flex:0 0 auto}.icon-button,.square-button{border:1px solid var(--line);border-radius:.375rem;background:var(--surface);color:var(--ink);font-size:.875rem;font-weight:700;transition:background .16s ease,border-color .16s ease}.icon-button{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:.45rem;padding:0 .8rem;text-decoration:none}.square-button{display:inline-grid;width:2.5rem;height:2.5rem;place-items:center}.icon-button:hover,.square-button:hover{border-color:#2f6f4e59;background:var(--mint)}.icon-button.primary{border-color:var(--leaf);background:var(--leaf);color:#fff}.icon-button.primary:hover{background:var(--leaf-dark)}.icon-button.white{background:#fff}.icon-button span[aria-hidden],.square-button span[aria-hidden],.payment-step span[aria-hidden],.input-with-icon span,.image-placeholder span{font-family:Material Symbols Rounded;font-size:1.15rem;line-height:1;text-transform:none}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;pointer-events:none}.field input,.input-with-icon{min-height:2.75rem;border:1px solid var(--line);border-radius:.375rem;background:var(--surface)}.input-with-icon{display:flex;align-items:center;gap:.55rem;padding:0 .75rem}.input-with-icon span{color:var(--leaf)}.input-with-icon input{min-width:0;width:100%;border:0;outline:0;background:transparent}.search-field{appearance:none;display:flex;min-height:2.75rem;align-items:center;gap:.55rem;border:1px solid var(--line);border-radius:.375rem;background:var(--surface);padding:0 .75rem}.search-field>span[aria-hidden],.clear-search span[aria-hidden]{font-family:Material Symbols Rounded;font-size:1.15rem;line-height:1;text-transform:none}.search-field>span[aria-hidden]{color:var(--leaf)}.search-field input{appearance:none;min-width:0;flex:1;width:100%;border:0;outline:0;background:transparent!important;box-shadow:none;color:var(--ink)}.search-field input:-webkit-autofill,.search-field input:-webkit-autofill:hover,.search-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--surface) inset}.search-field:focus-within{border-color:var(--leaf);background:var(--surface)}.clear-search{appearance:none;display:grid;width:1.8rem;height:1.8rem;flex:0 0 auto;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--muted);outline:0;padding:0}.clear-search:hover,.clear-search:focus-visible{background:var(--mint);color:var(--leaf)}.fuzzy-search-toggle{appearance:none;display:grid;width:1.8rem;height:1.8rem;flex:0 0 auto;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--muted);outline:0;padding:0}.fuzzy-search-toggle span[aria-hidden]{font-family:Material Symbols Rounded;font-size:1.15rem;line-height:1;text-transform:none}.fuzzy-search-toggle:hover,.fuzzy-search-toggle:focus-visible{background:var(--mint)}.fuzzy-search-toggle.active{background:var(--leaf);color:var(--surface)}.fuzzy-search-toggle.active:hover,.fuzzy-search-toggle.active:focus-visible{background:var(--leaf);color:var(--surface)}.password-toggle{display:inline-grid;flex:0 0 auto;width:2rem;height:2rem;place-items:center;border:0;border-radius:.25rem;background:transparent;color:var(--muted);padding:0}.password-toggle:hover,.password-toggle:focus-visible{background:var(--mint);color:var(--leaf)}.password-toggle span{font-family:Material Symbols Rounded;font-size:1.15rem;line-height:1}.image-placeholder{display:grid;width:4rem;height:4rem;flex:0 0 auto;place-items:center;border-radius:.375rem;background:var(--mint);color:var(--leaf)}.image-placeholder.small{width:3rem;height:3rem}code{color:#000000b3;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;overflow-wrap:anywhere}.empty-state{padding:2rem 1rem;text-align:center;color:var(--muted)}.alert-error{background:#fee2e2;color:#b91c1c}.alert{margin:0 0 1rem;border-radius:.375rem;padding:.65rem .75rem;font-size:.88rem}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#00000059}.bulk-selection-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--line);background:#f9fafb;padding:.45rem .6rem}.dashboard-page .inventory-panel.has-selection{grid-template-rows:auto minmax(0,1fr)}.bulk-selection-bar strong{margin-left:auto;color:var(--leaf);font-size:.84rem;font-weight:800}.bulk-selection-bar .bulk-edit-button{border-color:var(--leaf);background:#fff;color:var(--leaf)}.bulk-selection-bar .bulk-edit-button:hover{border-color:var(--leaf-dark);background:var(--mint);color:var(--leaf-dark)}.dashboard-page .product-row.selected,.dashboard-page .product-card.selected{background:#e7f5edb8}.selection-toggle{border:0;background:transparent;padding:0}.selection-toggle.selected img,.selection-toggle.selected .image-placeholder{border-color:var(--leaf);box-shadow:0 0 0 .18rem #2f6f4e33}.selection-check{position:absolute;right:-.25rem;bottom:-.25rem;display:grid;width:1.25rem;height:1.25rem;place-items:center;border:2px solid var(--surface);border-radius:999px;background:var(--leaf);color:#fff;font-family:Material Symbols Rounded;font-size:.9rem;line-height:1}.single-customer-dot,.note-dot,.warning-reorder-dot{position:absolute;border-radius:999px;box-shadow:0 .1rem .25rem #17202a3d}.single-customer-dot{background:#f59e0b}.note-dot{background:#16a34a}.warning-reorder-dot{background:#dc2626}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.field{display:block;margin-bottom:1rem}.field>span:first-child{display:block;margin-bottom:.35rem;font-size:.9rem;font-weight:700}.field input,.field select{width:100%;padding:0 .75rem;outline:0}.field input:focus,.field select:focus,.input-with-icon:focus-within{border-color:var(--leaf)}.field input[readonly]{background:#f3f4f6;color:var(--muted);cursor:not-allowed}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.primary-action{display:flex;width:100%;min-height:2.75rem;align-items:center;justify-content:center;border:0;border-radius:.375rem;background:var(--leaf);color:#fff;font-size:.9rem;font-weight:800}.primary-action:hover{background:var(--leaf-dark)}.checkout-page{height:100vh;min-height:100vh;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.checkout-page .shell{display:grid;height:100vh;grid-template-rows:auto minmax(0,1fr);padding-bottom:1rem;overflow:hidden}.checkout-page .topbar{min-height:4.15rem;margin-bottom:4px;padding-bottom:0}.checkout-layout{display:grid;grid-template-columns:minmax(15rem,.9fr) 1.3fr .8fr;grid-template-rows:minmax(0,1fr);gap:1rem;align-items:stretch;min-height:0;overflow:hidden}.checkout-products,.checkout-summary{display:grid;gap:1rem;min-height:0}.checkout-products{grid-column:1;grid-row:1;grid-template-rows:auto minmax(0,1fr)}.checkout-summary{display:contents}.checkout-cart-panel{grid-column:2;grid-row:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.checkout-payment-panel{grid-column:3;grid-row:1;display:grid;grid-template-rows:auto auto;align-self:start}.product-picker,.checkout-panel{border:1px solid var(--line);border-radius:.5rem;background:var(--surface);box-shadow:var(--shadow)}.product-picker{display:grid;align-content:start;overflow:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.product-picker::-webkit-scrollbar,.cart-list::-webkit-scrollbar,.checkout-page::-webkit-scrollbar{display:none}.picker-row{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:.75rem;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);padding:.75rem 1rem;text-align:left}.picker-row:first-child{border-top:0}.picker-row:hover,.picker-row:focus{background:#e7f5ed73;outline:0}.picker-row:disabled{cursor:not-allowed;opacity:.55}.picker-row img{width:3rem;height:3rem;border:1px solid var(--line);border-radius:.375rem;object-fit:cover}.picker-info,.picker-meta{display:grid;min-width:0;gap:.2rem}.picker-info strong{overflow-wrap:anywhere}.picker-info small,.picker-meta small,.cart-line span{color:var(--muted);font-size:.82rem}.checkout-page .picker-info small,.checkout-page .picker-meta small{color:var(--ink);font-weight:700}.cart-line .cart-category,.cart-line .cart-price{font-size:.84rem;font-weight:800;line-height:1.15}.cart-line .cart-price,.cart-line .cart-category{color:var(--ink)}.picker-meta{text-align:right;white-space:nowrap}.checkout-panel{min-height:0;overflow:hidden;padding:.8rem}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.panel-heading h2{font-size:1rem}.cart-list{display:grid;align-content:start;gap:.4rem;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;border-top:1px solid var(--line);padding-top:.45rem}.cart-line:first-child{border-top:0;padding-top:0}.cart-line>div:first-child{display:grid;min-width:0;gap:.08rem}.cart-name-row{display:flex;min-width:0;align-items:baseline;gap:.25rem}.cart-name-row strong{min-width:0;color:var(--ink);overflow:hidden;text-overflow:clip;white-space:nowrap;font-size:1rem}.cart-name-row.expanded strong{overflow:visible;text-overflow:clip;white-space:normal}.cart-name-toggle{flex:0 0 auto;border:0;background:transparent;color:var(--ink);font-weight:900;line-height:1;padding:0 .15rem}.cart-name-toggle:hover,.cart-name-toggle:focus-visible{color:var(--ink)}.cart-line .cart-meta{display:flex;min-width:0;flex-wrap:wrap;gap:.15rem .55rem}.quantity-stepper{display:grid;grid-template-columns:2.25rem 2.8rem 2.25rem 2.25rem;gap:.35rem;align-items:center;text-align:center;font-weight:800}.quantity-stepper .square-button{width:2.25rem;height:2.25rem}.stepper-input,.payment-count-input{min-width:0;border:1px solid var(--line);border-radius:.375rem;background:var(--surface);color:var(--ink);font-weight:800;text-align:center;outline:0;appearance:textfield}.stepper-input{font-size:.95rem;font-weight:900}.stepper-input:focus,.payment-count-input:focus{border-color:var(--leaf)}.stepper-input::-webkit-outer-spin-button,.stepper-input::-webkit-inner-spin-button,.payment-count-input::-webkit-outer-spin-button,.payment-count-input::-webkit-inner-spin-button{margin:0;appearance:none}.stepper-input{width:2.8rem;height:2.25rem}.payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.4rem;min-height:0;overflow-y:auto;padding-bottom:.15rem;scrollbar-width:none;-ms-overflow-style:none}.payment-grid::-webkit-scrollbar{display:none}.payment-cell{--denomination-color: var(--leaf);display:grid;grid-template-columns:minmax(0,1fr) 2.4rem 2rem;gap:.25rem}.payment-main,.payment-step{border:2px solid var(--denomination-color);border-radius:.375rem;background:color-mix(in srgb,var(--denomination-color) 9%,white);color:var(--ink)}.payment-cell.coin .payment-main,.payment-cell.coin .payment-step{border-color:var(--line);background:#f9fafb}.payment-cell.coin .payment-main:hover,.payment-cell.coin .payment-main:focus,.payment-cell.coin .payment-step:hover,.payment-cell.coin .payment-step:focus{border-color:#2f6f4e59;background:var(--mint)}.payment-main{display:flex;min-width:0;min-height:2.45rem;align-items:center;justify-content:space-between;gap:.4rem;padding:0 .5rem;font-size:.82rem;font-weight:800}.payment-main:hover,.payment-main:focus,.payment-step:hover,.payment-step:focus{background:color-mix(in srgb,var(--denomination-color) 18%,white);outline:0}.payment-count-input{width:2.4rem;min-height:2.45rem;border-color:var(--denomination-color);background:var(--surface);color:var(--denomination-color);font-size:.85rem}.payment-step{display:grid;width:2rem;min-height:2.45rem;place-items:center;padding:0}.payment-step:disabled{cursor:not-allowed;opacity:.45}.totals-panel{display:grid;gap:.55rem}.cart-totals{margin-top:.75rem;border-radius:.375rem;background:#e7f5ed73;gap:.28rem;padding:.42rem;font-size:.86rem;font-weight:800}.total-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.26rem}.editable-total-row{cursor:text}.total-extra-input{width:4.4rem;border:0;border-radius:.375rem;background:var(--mint);color:var(--ink);padding:.22rem .35rem;font:inherit;font-weight:800;text-align:right;outline:0;appearance:textfield}.total-extra-input::-webkit-outer-spin-button,.total-extra-input::-webkit-inner-spin-button{margin:0;appearance:none}.total-extra-input:focus{box-shadow:inset 0 0 0 2px #2f6f4e40}.total-row strong{font-size:1rem}.total-row.warning strong{color:#c2410c}.total-row.success strong{color:var(--leaf)}.empty-state.compact{padding:.75rem 0}@media(max-width:760px){.shell{padding:1rem .75rem}.topbar{align-items:stretch;flex-direction:column;gap:.35rem}.toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar .square-button{width:100%}.modal-backdrop{align-items:end;padding:.75rem}.modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}