:root{--ink: #14161c;--ink-2: #2a2e38;--paper: #f5f3ee;--card: #ffffff;--line: #e3dfd6;--muted: #6b6f7a;--gold: #b8901c;--gold-2: #f3e7c3;--ok: #1f8a4c;--ok-2: #e2f4e9;--warn: #a86a00;--warn-2: #fbefd6;--bad: #c0362c;--bad-2: #fbe3e1;--r: 14px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--paper);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;background:var(--paper)}body{font-size:16px;line-height:1.35}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.45;cursor:default}input,select{width:100%;padding:.7rem .8rem;border:1px solid var(--line);border-radius:10px;background:#fff;min-height:46px}input:focus,select:focus{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold)}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.2}h3{font-size:1.05rem}h4{font-size:.92rem;margin-top:.9rem}.muted{color:var(--muted)}.small{font-size:.85rem}.err{color:var(--bad);margin:.4rem 0;font-size:.92rem;min-height:1.2em}.warn-text{color:var(--warn);font-size:.92rem;margin:.4rem 0}.bad{color:var(--bad)}.ok{color:var(--ok)}.warn{color:var(--warn)}.strong{font-weight:700}.center-text{text-align:center}code{font-size:.8rem}.screen{min-height:100dvh;display:flex;flex-direction:column;max-width:720px;margin:0 auto}.center{align-items:center;justify-content:center;padding:1.25rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1rem;margin:0 0 .8rem}.card.narrow{width:100%;max-width:420px}.bad-card{border-color:var(--bad);background:var(--bad-2)}.primary{background:var(--ink);color:#fff;padding:.8rem 1.1rem;border-radius:12px;font-weight:650;min-height:50px}.primary:not(:disabled):active{transform:translateY(1px)}.ghost{background:#fff;border:1px solid var(--line);padding:.7rem 1rem;border-radius:12px;min-height:48px;font-weight:550}.danger{background:var(--bad);color:#fff;padding:.7rem 1rem;border-radius:12px;min-height:48px;font-weight:600}.small.primary,.small.ghost{min-height:40px;padding:.45rem .75rem;font-size:.9rem}.wide{width:100%}.grow{flex:1}.linkish{color:var(--gold);font-weight:600;padding:.25rem 0;text-decoration:underline;text-underline-offset:3px}.row{display:flex;align-items:center}.row.gap{gap:.6rem;margin-top:.8rem}.row.between{justify-content:space-between;gap:.6rem}.row.gap>.field{flex:1}.brand{display:flex;gap:.75rem;align-items:center}.logo{width:44px;height:44px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:1.3rem;background:var(--ink);flex:none}.logo.big{width:72px;height:72px;font-size:2rem;margin:0 auto 1rem}.brand-name{font-weight:750;letter-spacing:.2px}.brand-tag{color:var(--gold);font-size:.78rem;font-style:italic;letter-spacing:.4px}.brand.small .logo{width:34px;height:34px;font-size:1rem}.brand.small .brand-name{font-size:.95rem;color:#fff}.setup h1{font-size:1.35rem;text-align:center}.setup p{text-align:center}.lock{background:var(--ink);color:#fff;padding:1.25rem 1rem;gap:1rem;justify-content:space-between}.lock .brand-name{color:#fff;font-size:1.15rem}.lock .muted{color:#a9adb8}.pinpad{text-align:center;width:100%;max-width:340px;margin:0 auto}.pinpad h2{font-size:1.25rem}.dots{display:flex;gap:.9rem;justify-content:center;margin:1rem 0 .25rem}.dots span{width:16px;height:16px;border-radius:50%;border:2px solid var(--gold)}.dots span.on{background:var(--gold)}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.5rem}.keys button{height:66px;border-radius:16px;font-size:1.6rem;font-weight:600;background:#fff;border:1px solid var(--line);color:var(--ink)}.lock .keys button{background:var(--ink-2);border-color:#3a3f4b;color:#fff}.keys button.small{font-size:1rem}.keys button:active{background:var(--gold-2)}.modal .pinpad .keys button{height:58px}.syncline{text-align:center;font-size:.82rem;padding:.35rem .5rem;font-weight:600}.syncline.ok{color:var(--ok);background:var(--ok-2)}.syncline.warn{color:var(--warn);background:var(--warn-2)}.syncline.bad{color:var(--bad);background:var(--bad-2)}.lock .syncline{border-radius:999px}.work{background:var(--paper)}.top{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;padding:.6rem .9rem;position:sticky;top:0;z-index:5}.who{display:flex;align-items:center;gap:.6rem}.me{font-weight:700;color:var(--gold-2)}.lockbtn{border:1px solid #4a4f5c;color:#fff;border-radius:999px;padding:.35rem .8rem;font-size:.85rem}.content{flex:1;padding:.8rem .8rem 6rem}.tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:720px;display:flex;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:6}.tabs button{flex:1;padding:.5rem .2rem .6rem;font-size:.74rem;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:.15rem;min-height:58px}.tabs button .ic{font-size:1.15rem}.tabs button.on{color:var(--ink);font-weight:700;box-shadow:inset 0 3px 0 var(--gold)}.banner{display:block;width:100%;text-align:left;padding:.6rem .9rem;font-weight:600;font-size:.9rem;border-radius:0}.banner.bad{background:var(--bad);color:#fff}.banner.warn{background:var(--warn-2);color:var(--warn);border-radius:12px;margin-bottom:.8rem}.seg{display:flex;gap:.35rem;background:#ebe7de;padding:.3rem;border-radius:12px;margin-bottom:.8rem;overflow-x:auto}.seg button{flex:1;padding:.55rem .6rem;border-radius:9px;font-weight:600;color:var(--muted);white-space:nowrap;min-height:42px;font-size:.92rem}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0000001f}.who-row{margin-bottom:.7rem}.label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}.chip{padding:.6rem 1rem;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:650;min-height:46px}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--gold)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.55rem;margin-bottom:.8rem}.svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:.8rem .75rem;text-align:left;display:flex;flex-direction:column;gap:.25rem;min-height:78px;justify-content:space-between}.svc:active{background:var(--gold-2);border-color:var(--gold)}.svc-name{font-weight:650;font-size:.95rem}.svc-price{color:var(--gold);font-weight:750;font-variant-numeric:tabular-nums}.ticket{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:.8rem;position:sticky;bottom:66px;box-shadow:0 -6px 18px #14161c0f}.lines{list-style:none;margin:0 0 .5rem;padding:0;max-height:36vh;overflow:auto}.lines li{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center;padding:.45rem 0;border-bottom:1px solid var(--line)}.lines.compact li{grid-template-columns:1fr auto}.ln-main{display:flex;flex-direction:column;gap:.2rem;min-width:0}.ln-name{font-weight:600}.ln-by{min-height:34px;padding:.2rem .5rem;font-size:.85rem;width:auto;max-width:160px;background:var(--paper)}.ln-qty{display:flex;align-items:center;gap:.4rem;font-weight:700}.ln-qty button{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);font-size:1.2rem}.ln-amt{font-variant-numeric:tabular-nums;font-weight:650;min-width:4rem;text-align:right}.total-line{display:flex;justify-content:space-between;align-items:baseline;font-size:1.1rem;padding:.35rem 0}.total-line strong{font-size:1.45rem;font-variant-numeric:tabular-nums}.row-line{display:flex;justify-content:space-between;color:var(--muted);font-size:.92rem;padding:.15rem 0}.pay .due{font-size:1.05rem;margin-bottom:.8rem;display:flex;justify-content:space-between;align-items:baseline}.pay .due strong{font-size:1.7rem}.field{display:flex;flex-direction:column;gap:.3rem;margin:.55rem 0}.field>span{font-size:.85rem;font-weight:650;color:var(--ink-2)}.money-in{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:7.5rem}.money-in span{padding:0 .1rem 0 .7rem;color:var(--muted);font-size:.85rem}.money-in input{border:0;font-size:1.15rem;font-variant-numeric:tabular-nums;min-width:0}.money-in:focus-within{outline:2px solid var(--gold)}input.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;font-size:1.1rem}input.code.bad{border-color:var(--bad)}.quick{display:flex;gap:.5rem;flex-wrap:wrap}.quick button{padding:.55rem .9rem;border-radius:10px;border:1px solid var(--line);background:#fff;font-weight:650;min-height:44px}.change{display:flex;justify-content:space-between;align-items:baseline;padding:.8rem 1rem;border-radius:12px;background:var(--ok-2);color:var(--ok);margin:.9rem 0 .3rem;font-weight:650}.change strong{font-size:1.5rem}.change.bad{background:var(--bad-2);color:var(--bad)}.change.big{background:var(--gold-2);color:var(--ink)}.done{text-align:center}.done .tick{width:64px;height:64px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-size:2rem;margin:.5rem auto}.done .lines,.done .row-line,.done .total-line{text-align:left}.done .primary{margin-top:1rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-bottom:.6rem}.stat{background:var(--paper);border-radius:12px;padding:.6rem .7rem;display:flex;flex-direction:column}.stat span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.stat strong{font-size:1.3rem;font-variant-numeric:tabular-nums}.stat small{color:var(--muted);font-size:.75rem}.stat.gold{background:var(--gold-2)}.stat.ok strong{color:var(--ok)}.stat.bad strong{color:var(--bad)}.tbl{width:100%;border-collapse:collapse;font-size:.9rem}.tbl th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:.35rem .3rem;border-bottom:1px solid var(--line)}.tbl td{padding:.45rem .3rem;border-bottom:1px solid var(--line);vertical-align:top;font-variant-numeric:tabular-nums}.money-tbl td:last-child{text-align:right}.money-tbl tr.sum td{font-weight:800;font-size:1.05rem;border-top:2px solid var(--ink)}.scroll-x{overflow-x:auto}.salelist{list-style:none;padding:0;margin:0}.salelist li{padding:.6rem 0;border-bottom:1px solid var(--line)}.salelist li.void{opacity:.6}.salelist li.void .sl-amt{text-decoration:line-through}.sl-top{display:flex;gap:.6rem;align-items:baseline}.sl-time{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.sl-no{font-size:.8rem;color:var(--muted)}.sl-amt{margin-left:auto;font-variant-numeric:tabular-nums}.sl-lines{display:flex;flex-wrap:wrap;gap:.1rem .8rem;font-size:.9rem;margin:.15rem 0}.sl-foot{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.tag{font-size:.72rem;font-weight:750;padding:.1rem .45rem;border-radius:6px;background:var(--line)}.tag.bad{background:var(--bad-2);color:var(--bad)}.plain{list-style:none;padding:0;margin:.2rem 0}.plain li{padding:.3rem 0;border-bottom:1px dashed var(--line);font-size:.92rem}.blocked{list-style:none;padding:0;margin:0}.blocked li{background:#fff;border-radius:10px;padding:.7rem;margin-top:.5rem}.variance{text-align:center;padding:.8rem;border-radius:12px;font-size:1.3rem;font-weight:800;margin:.4rem 0}.variance.ok{background:var(--ok-2);color:var(--ok)}.variance.bad{background:var(--bad-2);color:var(--bad)}.variance.warn{background:var(--warn-2);color:var(--warn)}.mpesa-list{list-style:none;padding:0;margin:0}.mpesa-list li{display:grid;grid-template-columns:30px 60px 1fr auto;gap:.5rem;align-items:center;padding:.55rem .2rem;border-bottom:1px solid var(--line);cursor:pointer}.mpesa-list .box{width:24px;height:24px;border:2px solid var(--line);border-radius:6px;display:grid;place-items:center;color:#fff;font-size:.8rem}.mpesa-list li.ticked .box{background:var(--ok);border-color:var(--ok)}.mpesa-list li.ticked{color:var(--muted)}.mpesa-list .code{font-family:ui-monospace,monospace;letter-spacing:.06em}.mpesa-list li.nocode .code{color:var(--bad);font-weight:700}.svc-row{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;padding:.45rem 0;border-bottom:1px solid var(--line)}.svc-row .money-in{width:8.5rem}.svc-row.off{opacity:.55}.svc-row .full{flex-basis:100%}.staff-card.off{opacity:.6}.rule-form{background:var(--paper);border-radius:12px;padding:.7rem;margin-top:.4rem}.rule-form select{margin-bottom:.4rem}.check{display:flex;gap:.5rem;align-items:center;margin:.6rem 0}.check input{width:auto;min-height:auto}.asset-row{display:flex;gap:.5rem;align-items:center}.asset-row select{width:auto;min-height:38px;padding:.3rem .5rem}.hours{display:flex;gap:3px;align-items:flex-end;height:110px;padding-top:.4rem}.hbar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.hbar span{width:100%;background:var(--gold);border-radius:4px 4px 0 0;min-height:2px}.hbar small{font-size:.6rem;color:var(--muted);margin-top:2px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161c8c;display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal{background:#fff;width:100%;max-width:520px;border-radius:18px 18px 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));max-height:92dvh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.modal-head h3{margin:0}.x{font-size:1.1rem;width:40px;height:40px;border-radius:50%;background:var(--paper)}@media (min-width: 640px){.modal-bg{align-items:center}.modal{border-radius:18px}}.toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%);background:var(--ink);color:#fff;padding:.7rem 1.1rem;border-radius:12px;z-index:30;font-weight:600;max-width:90vw;box-shadow:0 6px 20px #00000040}.brand.small{min-width:0}.brand.small>div:last-child{min-width:0}.brand.small .brand-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}.brand.small .brand-tag{display:none}.ticket.empty{padding:.6rem .8rem}.ticket.empty .total-line strong{font-size:1.15rem}.money-in input:focus{outline:none}.seg{flex-wrap:wrap;overflow:visible}.seg button{flex:1 1 auto}.toast{bottom:auto;top:76px}.earn{border-top:1px solid var(--line);padding:.7rem 0}.earn:first-of-type{border-top:0}.earn-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.earn-owed{text-align:right}.earn-owed span{display:block;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.earn-owed strong{font-size:1.35rem;font-variant-numeric:tabular-nums}.earn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;margin-top:.45rem;font-size:.85rem}.earn-grid div{background:var(--paper);border-radius:8px;padding:.35rem .45rem}.earn-grid span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;font-weight:700;letter-spacing:.04em}.svc-row input.grow{flex:1 1 100%}.svc-row .money-in{flex:1 1 0;width:auto;min-width:0}.tabs{transition:transform .22s ease}.work.nav-hidden .tabs{transform:translate(-50%,110%)}.ticket{transition:bottom .22s ease}.work.nav-hidden .ticket{bottom:8px}@media (prefers-reduced-motion: reduce){.tabs,.ticket{transition:none}}.credit{text-align:center;font-size:.75rem;color:var(--muted);padding:1.1rem .8rem .4rem;line-height:1.5}.credit b{font-weight:700;color:var(--ink)}.credit-tag{font-style:italic}.credit.dark{color:#a9adb8;padding:.6rem 0 0;text-align:left}.credit.dark b{color:#fff}