@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent:#4dabf7;--accent-contrast:#000;--bg-base:#000;--bg-panel:#121212;--bg-card:#181818;--bg-elevated:#1f1f1f;--bg-elevated-hover:#2a2a2a;--bg-modal:#282828;--bg-highlight:#ffffff12;--bg-press:#ffffff1f;--text:#fff;--text-subdued:#b3b3b3;--text-faint:#7a7a7a;--border:#ffffff1a;--border-strong:#ffffff2e;--danger:#ff6b6b;--success:#4cd07d;--warning:#ffc857;--radius:8px;--radius-sm:4px;--gap:8px;--topbar-h:64px;--tabbar-h:0px;--font:"Figtree Variable", "Figtree", "Helvetica Neue", Helvetica, Arial, sans-serif;--shadow:0 16px 40px #00000080;--ink:var(--text);--ink-2:var(--text-subdued);--paper:var(--bg-card);--stamp:var(--danger);--biro:var(--accent);--mpesa:var(--success);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg-base);min-height:100dvh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-wrap:pretty;margin:0;font-size:15px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.4}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block}:focus-visible{outline:2px solid var(--text);outline-offset:2px}h1,h2,h3{text-wrap:balance;letter-spacing:-.02em;margin:0}h1{margin-bottom:10px;font-size:28px;font-weight:800}h2{margin-bottom:12px;font-size:22px;font-weight:800}h3.sub{margin:20px 0 8px;font-size:16px;font-weight:700}p{margin:0 0 10px}td,.amount,.num,.money-input,.total-row strong,.tile-price,.entry-amount,.bar-value{font-variant-numeric:tabular-nums}.muted{color:var(--text-subdued)}.small{font-size:13px}.err{color:var(--danger)}.ok-text{color:var(--success);font-weight:700}.warn-text{color:var(--warning);font-weight:700}.stamp{letter-spacing:.01em;white-space:nowrap;background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger);border-radius:999px;flex:none;align-self:center;align-items:center;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.stamp.green{background:color-mix(in srgb, var(--success) 18%, transparent);color:var(--success)}.stamp.blue{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.stamp.fresh{background:var(--success);color:#000;gap:10px;padding:14px 34px;font-size:28px;animation:.32s cubic-bezier(.2,.9,.3,1.25) both pop-in}.stamp.fresh:before{content:"✓";font-size:30px}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.btn{min-height:44px;color:var(--text);white-space:nowrap;background:0 0;border:1px solid #ffffff7a;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-weight:700;text-decoration:none;transition:transform .1s,background .15s,border-color .15s,filter .15s;display:inline-flex}.btn:not(:disabled):hover{border-color:var(--text);transform:scale(1.04)}.btn:not(:disabled):active{transform:scale(.98)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn.primary:not(:disabled):hover{filter:brightness(1.08)}.btn.cash{background:var(--text);border-color:var(--text);color:#000}.btn.mpesa{background:var(--success);border-color:var(--success);color:#000}.btn.danger{background:var(--danger);border-color:var(--danger);color:#000}.btn.ghost{color:var(--text-subdued);border-color:#0000;padding:0 16px}.btn.ghost:not(:disabled):hover{color:var(--text);border-color:#0000;transform:none}.btn.big{width:100%;min-height:54px;font-size:16px}.btn.small{min-height:34px;padding:0 16px;font-size:13px}.link-btn{color:var(--text-subdued);min-height:32px;font-size:14px;font-weight:700}.link-btn:hover{color:var(--text);text-decoration:underline}.icon-btn{width:36px;height:36px;color:var(--text-subdued);background:var(--bg-elevated);border-radius:50%;place-items:center;font-size:14px;display:grid}.icon-btn:hover{color:var(--text);background:var(--bg-elevated-hover)}a.btn{text-decoration:none}img.logo{width:auto;height:26px;display:block}img.logo.big{height:44px}.splash{place-items:center;min-height:100dvh;display:grid}.splash img.logo{height:56px}.login{place-items:start center;min-height:100dvh;padding:8vh 16px 32px;display:grid}.login-card{gap:6px;width:min(440px,100%);display:grid}.login-card>img.logo{height:32px;margin-bottom:24px}.login-shop{color:var(--text-subdued);margin:0;font-size:16px;font-weight:700}.login-card h1{margin:4px 0 12px;font-size:24px}.clock{margin:2px 0 26px;display:grid}.clock-time{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(64px,22vw,96px);font-weight:900;line-height:.9}.clock-date{color:var(--text-subdued);margin-top:8px;font-weight:600}.demo-pins{border-radius:var(--radius);background:var(--bg-highlight);color:var(--text);margin:0 0 10px;padding:12px 14px;font-size:14px;font-weight:600}.people{gap:8px;margin:0;padding:0;list-style:none;display:grid}.person{border-radius:var(--radius);background:var(--bg-elevated);text-align:left;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;font-size:18px;font-weight:700;transition:background .15s;display:flex}.person:hover{background:var(--bg-elevated-hover)}.person small{color:var(--text-subdued);font-size:13px;font-weight:600}.pinpad{max-width:300px;margin:8px 0 14px}.pin-dots{gap:14px;margin-bottom:22px;display:flex}.pin-dots span{background:var(--bg-elevated-hover);border-radius:50%;width:14px;height:14px}.pin-dots span.on{background:var(--text)}.keys{grid-template-columns:repeat(3,72px);gap:14px 22px;display:grid}.keys button{background:var(--bg-elevated);border-radius:50%;width:72px;height:72px;font-size:26px;font-weight:600;transition:background .1s,transform .1s}.keys button:hover{background:var(--bg-elevated-hover)}.keys button:active{background:var(--bg-press);transform:scale(.96)}.start-over{border-top:1px solid var(--border);justify-items:start;gap:10px;margin-top:26px;padding-top:18px;display:grid}.start-over p{margin:0}.app{min-height:100dvh;padding:0 var(--gap) var(--gap);gap:var(--gap);flex-direction:column;display:flex}.visitor-note{margin:var(--gap) 0 0;border-radius:var(--radius);background:var(--bg-highlight);color:var(--text-subdued);text-align:center;padding:10px 16px;font-size:13px}.bar{z-index:10;min-height:var(--topbar-h);background:var(--bg-base);align-items:center;gap:20px;padding:0 8px;display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;gap:12px;display:flex}.brand-logo{flex:none;width:auto;height:22px;display:block}.brand-shop{border-left:1px solid var(--border-strong);white-space:nowrap;color:var(--text-subdued);padding-left:12px;font-size:15px;font-weight:700}.tabs{scrollbar-width:none;flex:1;gap:8px;display:flex;overflow-x:auto}.tabs button{background:var(--bg-highlight);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;transition:background .15s}.tabs button:hover{background:#ffffff24}.tabs button.on{background:var(--text);color:#000}.who{color:var(--text-subdued);white-space:nowrap;align-items:center;gap:10px;margin-left:auto;font-size:14px;display:flex}main{background:var(--bg-panel);border-radius:var(--radius);flex:1;min-width:0}.page{max-width:1180px;margin:0 auto;padding:24px 24px 56px}.page.narrow{max-width:760px;padding-bottom:110px}.page.simple{max-width:820px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-head h1{margin:0}.center-card{border-radius:var(--radius);background:var(--bg-card);gap:16px;width:min(460px,100% - 32px);margin:40px auto;padding:28px;display:grid}.center-card .stamp{justify-self:start}.row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field{text-align:left;gap:6px;min-width:0;display:grid}.field>span{color:var(--text-subdued);font-size:13px;font-weight:700}.field input,.field select,.discount input,.count-list input,.pay-opt input,.setup-rows input,.pr input,.scale input,.sim-row select,.sim-row input,input[type=date]{background:var(--bg-elevated);width:100%;min-width:0;color:var(--text);border:1px solid #0000;border-radius:6px;padding:12px 14px;font-size:15px;transition:border-color .15s,background .15s}.field input:hover,.field select:hover,.count-list input:hover,.pay-opt input:hover{background:var(--bg-elevated-hover)}.field input:focus,.field select:focus,.discount input:focus,.count-list input:focus,.pay-opt input:focus,.setup-rows input:focus,.pr input:focus,.search:focus{border-color:var(--text);outline:none}.money-input{letter-spacing:-.02em;font-weight:800;font-size:32px!important}.toggle{color:var(--text-subdued);align-items:center;gap:10px;font-size:14px;display:inline-flex}.toggle input{width:18px;height:18px;accent-color:var(--accent)}.search,.page .search{background:var(--bg-elevated);width:100%;min-width:0;min-height:48px;color:var(--text);border:1px solid #0000;border-radius:999px;padding:0 20px;font-size:15px}.search::placeholder,.field input::placeholder{color:var(--text-faint)}.page .search{margin-bottom:14px}.risk{color:var(--danger);margin-left:6px;font-size:12px;font-weight:700}.sell{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:20px;max-width:1400px;margin:0 auto;padding:20px;display:grid}.search-row{gap:8px;display:flex}.chips{scrollbar-width:none;gap:8px;margin:14px 0 16px;display:flex;overflow-x:auto}.chip{background:var(--bg-highlight);white-space:nowrap;border-radius:999px;flex:none;padding:7px 14px;font-size:13px;font-weight:700;transition:background .15s}.chip:hover{background:#ffffff24}.chip.on{background:var(--text);color:#000}.group+.group{margin-top:22px}.group-name{color:var(--text);margin:0 0 10px;font-size:18px;font-weight:800}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.tile{text-align:left;border-radius:var(--radius);background:var(--bg-elevated);align-content:start;gap:2px;min-height:108px;padding:14px;transition:background .15s,transform .1s;display:grid;position:relative}.tile:hover{background:var(--bg-elevated-hover)}.tile:active{transform:scale(.98)}.tile.out{opacity:.45}.tile.risky{box-shadow:inset 3px 0 0 var(--danger)}.tile.picked{box-shadow:inset 0 0 0 2px var(--accent)}.tile.picked.risky{box-shadow:inset 0 0 0 2px var(--accent), inset 5px 0 0 var(--danger)}.tile.picked .tile-name{padding-right:30px}.tile-name{font-weight:700;line-height:1.25}.tile-price{letter-spacing:-.02em;margin-top:auto;padding-top:8px;font-size:20px;font-weight:800}.tile-stock{color:var(--text-subdued);font-size:12px}.tile-stock .low{color:var(--warning);font-weight:700}.tile-count{background:var(--accent);color:#000;border-radius:13px;place-items:center;min-width:26px;height:26px;padding:0 7px;font-size:13px;font-weight:800;display:grid;position:absolute;top:10px;right:10px}.cart{top:calc(var(--topbar-h) + 12px);border-radius:var(--radius);background:var(--bg-card);gap:12px;padding:18px;display:grid;position:sticky}.cart h2{margin:0;font-size:18px}.cart-toggle{display:none}.lines{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;max-height:42vh;margin:0;padding:0;list-style:none;overflow-y:auto}.lines li{border-bottom:1px solid var(--border);padding:10px 0}.line-main{justify-content:space-between;gap:10px;display:flex}.line-name{text-align:left;font-weight:700}.line-total{font-variant-numeric:tabular-nums;font-weight:700}.changed{color:var(--warning);font-size:12px;font-style:normal}.qty{color:var(--text-subdued);align-items:center;gap:10px;margin-top:8px;font-size:14px;display:flex}.qty button{background:var(--bg-elevated);border-radius:50%;width:34px;height:34px;font-size:18px}.qty button:hover{background:var(--bg-elevated-hover)}.totals{gap:10px;display:grid}.discount{color:var(--text-subdued);justify-content:space-between;align-items:center;font-size:14px;display:flex}.discount input{text-align:right;width:110px;padding:8px 12px}.total-row{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;padding-top:10px;display:flex}.total-row strong{letter-spacing:-.03em;font-size:34px;font-weight:900}.pay{grid-template-columns:1fr 1fr;gap:10px;display:grid}.scanner{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);background:#000;width:100%}.sale-list,.count-list,.plain{margin:0;padding:0;list-style:none}.sale-list{gap:2px;display:grid}.sale-list li{border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:background .15s;display:flex}.sale-list li:hover{background:var(--bg-highlight)}.sale-list li.voided .amount{color:var(--text-faint);text-decoration:line-through}.sale-main{min-width:0}.sale-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.amount{letter-spacing:-.01em;font-size:18px;font-weight:800}.method{color:var(--text-subdued);font-size:13px;font-weight:600}.waiting-text{color:var(--warning);font-size:12px;font-weight:800}.count-list{gap:2px;display:grid}.count-list li{border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.count-list li:hover{background:var(--bg-highlight)}.count-list input{text-align:center;width:96px;font-size:17px;font-weight:700}.count-list+.btn{margin-top:18px}.scroll{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;max-height:45vh;overflow-y:auto}.plain li{padding:6px 0}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--text-subdued);border-bottom:1px solid var(--border);padding:8px 12px;font-size:13px;font-weight:600}.table td{vertical-align:top;padding:10px 12px}.table tbody tr{transition:background .15s}.table tbody tr:hover td{background:var(--bg-highlight)}.table tbody tr td:first-child{border-radius:6px 0 0 6px}.table tbody tr td:last-child{border-radius:0 6px 6px 0}.table .num{text-align:right;white-space:nowrap}.table tr.bad td{color:var(--danger);font-weight:700}.table tr.warn td{color:var(--warning)}.table tr.inactive td{color:var(--text-faint)}.table.compact td{padding:8px 12px}.table-wrap{overflow-x:auto}.table tbody tr.clickable{cursor:pointer}.summary{grid-template-columns:1fr auto;gap:10px 16px;margin:0;display:grid}.summary dt{color:var(--text-subdued)}.summary dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:800}.today{color:var(--text-subdued);font-weight:700}.live{color:var(--success);font-size:13px;font-weight:700}.live:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.day{max-width:46rem;margin:8px 0 32px}.day h1{letter-spacing:-.045em;margin-bottom:18px;font-size:clamp(36px,7vw,64px);font-weight:900;line-height:1}.day h1.day-bad{color:var(--danger)}.day h1.day-ok{color:var(--success)}.day-sales{color:var(--text-subdued);font-size:15px}.missing{gap:2px;margin:0 0 14px;padding:0;list-style:none;display:grid}.missing li{background:var(--bg-card);border-radius:6px;grid-template-columns:9rem 1fr;align-items:baseline;gap:14px;padding:12px 14px;display:grid}.missing b{color:var(--danger);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.page.simple>.panel{margin-bottom:36px}.panel{min-width:0}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.all-good{border-radius:var(--radius);background:var(--bg-card);color:var(--success);margin:0;padding:18px;font-weight:700}.start-list{border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, var(--bg-card)), var(--bg-card) 60%);margin:0 0 30px;padding:20px 22px}.start-list h2{margin-bottom:10px}.start-list ol{gap:4px;margin:0;padding-left:1.2rem;display:grid}.start-list li{padding:6px 0}.start-list li>span:first-child{margin-right:10px;font-weight:700}.start-list li.done>span:first-child{color:var(--text-faint);font-weight:500;text-decoration:line-through}.flags{gap:2px;margin:0;padding:0;list-style:none;display:grid}.entry{border-radius:6px;transition:background .15s}.entry-main{text-align:left;border-radius:6px;grid-template-columns:7.6rem minmax(0,1fr) auto;grid-template-areas:"stamp title amount""stamp meta amount";align-items:center;gap:2px 14px;width:100%;padding:12px 14px;display:grid}.entry-main:hover,.entry.open .entry-main{background:var(--bg-highlight)}.entry-main .stamp{grid-area:stamp;justify-self:start}.entry-title{grid-area:title;font-size:15px;font-weight:700;line-height:1.3}.entry-amount{grid-area:amount;font-size:17px;font-weight:800}.entry-meta{color:var(--text-subdued);grid-area:meta;font-size:13px}.entry.done{opacity:.45}.entry-more{padding:6px 14px 16px calc(7.6rem + 28px)}.entry-more p{color:var(--text-subdued);margin:0 0 12px}.dot{background:var(--text-faint);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.dot.ok{background:var(--success)}.dot.bad{background:var(--danger)}.demo-banner{border-radius:var(--radius);background:var(--accent);color:#000;gap:6px;margin-bottom:22px;padding:16px 18px;font-size:17px;font-weight:700;display:grid}.demo-banner.done{background:var(--bg-card);color:var(--text);font-weight:600}.demo-step{opacity:.75;font-size:13px;font-weight:700}.demo-bar{background:#0003;border-radius:2px;height:4px;overflow:hidden}.demo-bar span{background:#000;height:100%;transition:width .4s;display:block}.strip-panel{margin:0 0 36px}.strip{border-radius:var(--radius);background:var(--bg-card);margin:0;position:relative;overflow:hidden}.strip-legend{color:var(--text-subdued);flex-wrap:wrap;gap:6px 18px;padding:14px 16px 0;font-size:13px;display:flex}.strip-legend span{align-items:center;gap:6px;display:inline-flex}.strip-svg{display:block}.strip-closed{fill:#ffffff08}.strip-base{stroke:#ffffff59;stroke-width:1.5px}.strip-hour{stroke:#ffffff26;stroke-width:1px}.strip-label{fill:var(--text-subdued);font-variant-numeric:tabular-nums;font-family:inherit;font-size:12px}.strip-label.now{fill:var(--accent);font-weight:700}.strip-now{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:3 3}.strip-sale{fill:var(--text)}.strip-sale.voided{fill:var(--bg-card);stroke:var(--text-faint);stroke-width:1.2px;stroke-dasharray:2 2}.strip-sale.unpaid{fill:var(--danger)}.strip-drop{stroke:var(--accent);stroke-width:1px;stroke-dasharray:2 3;opacity:.6}.strip-drop.serious{stroke:var(--danger)}.strip-serious{fill:var(--danger);stroke:var(--bg-card);stroke-width:2px}.strip-warning{fill:var(--bg-card);stroke:var(--accent);stroke-width:2.5px}.strip g{cursor:pointer}.strip-tip{z-index:2;background:var(--bg-modal);width:max-content;max-width:240px;box-shadow:var(--shadow);pointer-events:none;border-radius:6px;padding:8px 12px;font-size:13px;line-height:1.35;position:absolute;top:40px;transform:translate(-50%)}.bars{gap:14px;margin:0;padding:0;list-style:none;display:grid}.bars li{grid-template-columns:6rem minmax(0,1fr) auto;align-items:center;gap:2px 12px;display:grid}.bar-name{font-weight:700}.bar-track{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:var(--danger);border-radius:4px;height:100%;display:block}.bar-value{font-weight:800}.bar-note{color:var(--text-subdued);grid-column:2/-1;font-size:13px}.low-list li{border-radius:6px;justify-content:space-between;padding:10px 14px;display:flex}.low-list li:hover{background:var(--bg-highlight)}.page.simple .bars li{grid-template-columns:6rem minmax(0,1fr) auto}details.more{margin-top:10px}details.more>summary{color:var(--text-subdued);cursor:pointer;border-top:1px solid var(--border);padding:16px 0;font-size:15px;font-weight:700}details.more>summary:hover{color:var(--text)}details.more[open]>summary{margin-bottom:16px}details.more>.panel{margin-bottom:30px}.panel.sim,.sim{padding-top:14px}.panel.sim h2{font-size:17px}.sim-row{flex-wrap:wrap;gap:8px;display:flex}.sim-row select{flex:1;min-width:160px}.sim-row input{width:90px}.mpesa-panel .sim{border-top:1px solid var(--border);margin-top:14px}.waiting{border-radius:var(--radius);background:color-mix(in srgb, var(--warning) 14%, transparent);align-items:center;gap:14px;padding:14px 16px;display:flex}.spinner{border:3px solid #ffffff2e;border-top-color:var(--warning);border-radius:50%;flex:none;width:22px;height:22px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pay-opt{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.pay-opt h3{margin:0;font-size:15px;font-weight:700}.pay-opt .row{gap:8px;display:flex}.pay-opt input{flex:1;width:0}.paid{text-align:center;justify-items:center;gap:14px;padding:20px 0 6px;display:grid}.paid .btn{margin-top:8px}.cash-opts{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.cash-opts button{border-radius:var(--radius);background:var(--bg-elevated);min-height:56px;font-size:17px;font-weight:800;transition:background .15s}.cash-opts button:hover{background:var(--bg-elevated-hover)}.cash-opts button.on{background:var(--text);color:#000}.change{color:var(--text-subdued);margin:0;font-size:15px}.change b{letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;font-size:40px;font-weight:900;display:block}.change.short{color:var(--danger);font-weight:700}.scrim{z-index:50;background:#000000b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);background:var(--bg-modal);width:min(460px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr);gap:14px;padding:22px;display:grid;overflow-y:auto}.modal>*{min-width:0}.modal-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.modal-head h2{margin:0;font-size:20px}.modal .field input,.modal .field select{background:#3e3e3e}.modal .field input:hover{background:#474747}.toast{left:50%;bottom:calc(24px + var(--tabbar-h));z-index:60;border-radius:var(--radius);background:var(--text);color:#000;max-width:calc(100% - 32px);box-shadow:var(--shadow);padding:12px 18px;font-weight:700;position:fixed;transform:translate(-50%)}.toast.err{background:var(--danger)}.toast.warn{background:var(--warning)}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:16px;display:grid}.page.narrow>.panel{border-radius:var(--radius);background:var(--bg-card);padding:22px}.page.narrow>.panel+.panel{margin-top:16px}.panel .row{align-items:end;gap:8px;display:flex}.grow{flex:1}details{margin:12px 0}summary{cursor:pointer;color:var(--text-subdued);font-weight:700}summary:hover{color:var(--text)}.seg{background:var(--bg-elevated);border-radius:999px;gap:4px;margin:12px 12px 12px 0;padding:4px;display:inline-flex}.seg button{color:var(--text-subdued);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700}.seg button.on{background:var(--text);color:#000}.sticky-save{background:linear-gradient(transparent, var(--bg-panel) 35%);padding:16px 0;position:sticky;bottom:0}.danger-zone{border-radius:var(--radius);background:color-mix(in srgb, var(--danger) 10%, var(--bg-card));margin-top:18px;padding:22px}.timeline{gap:2px;margin:14px 0;padding:0;list-style:none;display:grid}.timeline li{border-radius:6px;grid-template-columns:4.5rem 1fr;gap:14px;padding:10px 14px;display:grid}.timeline li:hover{background:var(--bg-highlight)}.timeline li>:first-child{color:var(--text-subdued)}.timeline li.alert>:last-child{color:var(--danger);font-weight:700}.timeline li.warning>:last-child{color:var(--warning)}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:auto;min-height:40px;padding:8px 14px}.welcome{gap:14px}.welcome h1{letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(36px,9vw,56px);font-weight:900;line-height:1.02}.lead{color:var(--text-subdued);max-width:34rem;margin:0 0 8px;font-size:16px}.setup{flex-direction:column;min-height:100dvh;display:flex}.setup-head{flex-wrap:wrap;align-items:center;gap:10px 26px;padding:16px 20px;display:flex}.steps{counter-reset:s;scrollbar-width:none;gap:8px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.steps li{counter-increment:s;white-space:nowrap;background:var(--bg-highlight);color:var(--text-subdued);border-radius:999px;align-items:center;padding:6px 14px 6px 8px;font-size:13px;font-weight:700;display:inline-flex}.steps li:before{content:counter(s);background:#ffffff1f;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:8px;font-size:11px;display:inline-grid}.steps li.on{background:var(--text);color:#000}.steps li.on:before{color:#fff;background:#000}.steps li.done{color:var(--text)}.steps li.done:before{content:"✓";background:var(--accent);color:#000}.setup-body{border-radius:var(--radius);background:var(--bg-panel);flex:1;align-content:start;gap:18px;width:min(720px,100% - 16px);margin:0 auto 8px;padding:30px 24px 130px;display:grid}.setup-body h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,6vw,40px);font-weight:900}.step-count{color:var(--text-subdued);margin:0;font-size:13px;font-weight:700}.setup-foot{background:linear-gradient(transparent, var(--bg-base) 30%);justify-content:space-between;gap:10px;padding:14px 20px;display:flex;position:sticky;bottom:0}.setup-foot .btn.primary{min-width:170px;min-height:52px;font-size:16px}.choice{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.choice button{border-radius:var(--radius);background:var(--bg-elevated);text-align:left;min-height:60px;padding:12px 16px;font-weight:700;transition:background .15s}.choice button:hover{background:var(--bg-elevated-hover)}.choice button.on{background:var(--text);color:#000}.setup-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.setup-rows li{align-items:center;gap:8px;display:flex}.setup-rows input:first-child{flex:1}.setup-rows .pin-in{flex:none;width:110px}.product-rows{gap:2px;display:grid}.pr-head,.pr{grid-template-columns:minmax(0,1fr) 7rem 6.5rem 40px;align-items:center;gap:8px;padding:6px 4px;display:grid}.pr-head{color:var(--text-subdued);font-size:13px;font-weight:700}.pr{border-radius:6px}.pr:hover{background:var(--bg-highlight)}.pr-f{min-width:0;display:block}.pr-l{display:none}.receipt-paper{color:#000;background:#fff;border-radius:6px;justify-items:center;gap:10px;padding:16px 14px;display:grid}.receipt-paper img{width:70%;max-width:220px}.receipt{width:100%;margin:0;font:13px/1.35 ui-monospace,DejaVu Sans Mono,monospace;overflow-x:auto}.clip{border-radius:var(--radius);background:#000;width:100%}.hw li{padding:6px 0}.scales{gap:8px;display:grid}.scale{border-radius:var(--radius);background:var(--bg-elevated);gap:8px;padding:14px;display:grid}.scale-top{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.scale .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scale input{width:100px;padding:8px 12px}.add-scale{border-radius:var(--radius);background:var(--bg-elevated);gap:12px;padding:14px;display:grid}@media (width<=900px){.sell{grid-template-columns:minmax(0,1fr);padding:14px}.cart{bottom:calc(var(--gap) + var(--tabbar-h));background:var(--bg-elevated);margin:0 -6px;position:sticky;top:auto;box-shadow:0 -12px 30px #0009}.cart-toggle{justify-content:space-between;width:100%;padding:2px 0;font-weight:700;display:flex}.cart-toggle span{color:var(--accent)}.cart:not(.open) .lines,.cart:not(.open) .discount,.cart:not(.open)>.muted,.cart h2{display:none}.lines{max-height:18vh}.cart.open .lines{max-height:40vh}.lines li{justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.line-main{flex-direction:column;flex:1;gap:0;min-width:0}.qty{gap:6px;margin:0}.qty .each{display:none}.qty-n{text-align:center;min-width:1.6em;color:var(--text);font-size:16px;font-weight:800}.total-row strong{font-size:28px}}@media (width<=640px){:root{--tabbar-h:64px}.app{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px))}.bar{gap:10px;min-height:56px;padding:0 4px}.brand{flex-direction:column;align-items:flex-start;gap:3px;padding:8px 0 6px}.brand-logo{height:17px}.brand-shop{border-left:0;padding-left:0;font-size:14px;line-height:1.1}.who span{display:none}.tabs{z-index:30;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding:6px 4px env(safe-area-inset-bottom,0px);border-top:1px solid var(--border);background:#000;justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.cart{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));border-radius:var(--radius) var(--radius) 0 0;margin:0 -14px -14px}.sell{padding-bottom:0}.tabs button{min-width:0;color:var(--text-subdued);background:0 0;border-radius:0;flex:1;padding:18px 2px 8px;font-size:11px;font-weight:700;position:relative}.tabs button:before{content:"";background:0 0;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:8px;left:50%}.tabs button.on{color:var(--text);background:0 0}.tabs button.on:before{background:var(--accent)}.page{padding:18px 16px 40px}.col-hide-sm{display:none}.two{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.missing li{grid-template-columns:1fr;gap:0}.entry-main{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"stamp amount""title title""meta meta";gap:6px 10px;padding:12px}.entry-more{padding:4px 12px 14px}.keys{grid-template-columns:repeat(3,68px);gap:12px 20px}.keys button{width:68px;height:68px}.pr-head{display:none}.pr{grid-template-columns:1fr 1fr 34px;grid-template-areas:"name name x""price count x";gap:6px;padding:10px 4px}.pr>input{grid-area:name}.pr>.pr-f:first-of-type{grid-area:price}.pr>.pr-f:nth-of-type(2){grid-area:count}.pr>.icon-btn{grid-area:x}.pr-l{color:var(--text-subdued);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.setup-body{padding:24px 16px 130px}}@media (prefers-reduced-motion:reduce){.spinner,.stamp.fresh{animation:none}.demo-bar span,.btn,.tile,.keys button{transition:none}}.demo-act{border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 16%, transparent);gap:10px;padding:14px;display:grid}.demo-act h3{margin:0;font-size:15px;font-weight:800}.demo-note{color:var(--text-subdued);margin:0;font-size:13px}details.how{border-radius:var(--radius);background:var(--bg-card);margin:0 0 28px}details.how>summary{color:var(--text);justify-content:space-between;align-items:center;padding:16px 18px;font-size:16px;font-weight:800;list-style:none;display:flex}details.how>summary::-webkit-details-marker{display:none}details.how>summary:after{content:"Show";color:var(--accent);font-size:13px;font-weight:700}details.how[open]>summary:after{content:"Hide"}.how-body{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:6px 24px;padding:0 18px 18px;display:grid}.how-body h3{margin:10px 0 6px;font-size:15px;font-weight:800}.how-body ul{color:var(--text-subdued);gap:6px;margin:0;padding-left:18px;font-size:14px;display:grid}.how-body b{color:var(--text)}.how-wide{grid-column:1/-1}.how-try{color:var(--text);margin:12px 0 4px;font-size:14px}.how .panel.sim{border-top:0;padding-top:6px}.how .panel.sim h2,.how .panel.sim>p{display:none}