:root{--bg:#12161c;--surface:#1b212a;--surface-raised:#232b36;--stroke:#313b49;--text:#e8edf4;--text-muted:#93a1b3;--accent:#2f81f7;--accent-text:#fff;--danger:#d1454b;--warning:#b7791f;--ok:#2f9e5f;--radius:10px;--touch:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px}.screen{flex-direction:column;gap:20px;min-height:100%;padding:24px;display:flex}.screen--centered{justify-content:center;align-items:center}.muted{color:var(--text-muted);margin:4px 0 0}.topbar{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.topbar__title{margin:0;font-size:22px;font-weight:600}.panel{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);padding:24px}.panel--login{flex-direction:column;gap:18px;width:min(420px,100%);display:flex}.chooser{flex-direction:column;gap:10px;display:flex}.office{grid-template-columns:220px minmax(0,1fr);min-height:100%;display:grid}.office__side{border-right:1px solid var(--stroke);background:var(--surface);flex-direction:column;gap:16px;padding:16px 12px 20px;display:flex}.office__brand{padding:4px 8px 8px}.office__nav{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex;overflow:auto}.office__group{flex-direction:column;gap:4px;display:flex}.office__group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 8px 4px;font-size:11px;font-weight:700}.office__link{color:var(--text);border-radius:8px;padding:10px 12px;font-size:15px;text-decoration:none;display:block}.office__link--on{background:var(--surface-raised);color:var(--accent-text);box-shadow:inset 3px 0 0 var(--accent)}.office__session{flex-direction:column;gap:8px;margin-top:auto;display:flex}.office__session .button{width:100%}.office__signout{width:100%;margin-top:auto}.office__main{max-width:1200px;padding:24px}.office__table-wrap{border:1px solid var(--stroke);border-radius:var(--radius);max-height:min(50vh,28rem);overflow:auto}.office__row--inactive{color:var(--text-muted)}.field--check{flex-direction:row;align-items:center;gap:10px}.office__sell{align-items:center;gap:8px;display:flex}.barcode-preview{border:1px solid var(--stroke);border-radius:var(--radius);background:#fff;max-width:28rem;padding:12px 14px}.barcode-preview--empty{background:var(--surface-raised)}.barcode-preview__caption{color:#333;margin:0 0 8px;font-size:13px}.barcode-preview__svg{width:100%;height:auto;display:block}.office__taxes{border:1px solid var(--stroke);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px;display:flex}.office__form{flex-direction:column;gap:12px;margin-top:24px;display:flex}.office__form--row{flex-flow:wrap;align-items:flex-end}.office__form--row .field{flex:12rem;min-width:12rem}.office__table-wrap--tall{max-height:min(70vh,44rem)}.num{text-align:right;font-variant-numeric:tabular-nums}.report__title{display:none}.panel__header{text-align:center}.panel__title{margin:0 0 4px;font-size:20px}.panel__subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:28px 0 12px;font-size:15px;font-weight:600}.brand{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:700}.field{flex-direction:column;gap:8px;display:flex}.field__label{color:var(--text-muted);font-size:14px}.field__input{height:var(--touch);color:var(--text);background:var(--bg);border:1px solid var(--stroke);border-radius:var(--radius);padding:0 14px;font-size:18px}.field__input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.field__input:disabled{opacity:.6}.button{min-height:var(--touch);color:var(--text);background:var(--surface-raised);border:1px solid var(--stroke);border-radius:var(--radius);cursor:pointer;padding:0 22px;font-family:inherit;font-size:16px;font-weight:600}.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button:disabled{opacity:.55;cursor:default}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button--danger{background:var(--danger);border-color:var(--danger);color:#fff}.button--ghost{background:0 0}.button--block{width:100%}.banner{border-radius:var(--radius);border:1px solid;margin:0;padding:14px 16px;font-size:15px}.banner--error{border-color:var(--danger);color:#ffb4b7;background:#d1454b1f}.banner--notice{border-color:var(--warning);color:#ffd79a;background:#b7791f1f}.banner--offline{border-color:var(--danger);color:#ffd0d2;background:#d1454b29;font-weight:600}.till-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.till{text-align:left;width:100%;min-height:150px;color:var(--text);background:var(--surface);border:1px solid var(--stroke);border-left:4px solid var(--stroke);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;font-family:inherit;display:flex}.till:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.till--free{border-left-color:var(--ok)}.till--busy{border-left-color:var(--warning);background:var(--bg)}.till__no{font-size:40px;font-weight:700;line-height:1}.till__code{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}.till__state{margin-top:auto;font-size:15px;font-weight:600}.till--free .till__state{color:var(--ok)}.till--busy .till__state{color:#ffd79a}.till__meta{color:var(--text-muted);font-size:13px}.till__meta--held{color:#ffd79a}.modal-backdrop{overscroll-behavior:contain;z-index:20;background:#06090db8;justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-backdrop--front{z-index:40}.modal{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);flex-direction:column;width:min(520px,100%);min-height:0;max-height:calc(100dvh - 32px);margin-block:auto;padding:24px;display:flex;overflow:auto}.modal__title{margin:0 0 14px;font-size:20px}.modal__scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:0 auto;min-height:8rem;max-height:min(65vh,100dvh - 280px);overflow-y:auto}.modal__scroll .held thead th{background:var(--surface);z-index:1;position:sticky;top:0}.modal__actions{border-top:1px solid var(--stroke);justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;display:flex}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0 0;display:grid}.detail-grid dt{color:var(--text-muted);margin-bottom:4px;font-size:13px}.detail-grid dd{margin:0;font-size:17px;font-weight:600}.rights{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.rights li{background:var(--bg);border-left:3px solid var(--stroke);border-radius:6px;justify-content:space-between;gap:10px;padding:10px 12px;display:flex}.right--on{border-left-color:var(--ok)}.right--off{border-left-color:var(--stroke);color:var(--text-muted)}.right__value{font-variant-numeric:tabular-nums;color:var(--text-muted)}.sale{flex-direction:column;min-height:100%;display:flex}.sale__bar{border-bottom:1px solid var(--stroke);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.sale__txn{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.sale__brand{font-size:20px;font-weight:700}.sale__rates{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--bg);border:1px solid var(--stroke);font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 10px;font-size:13px}.sale__scan{border-bottom:1px solid var(--stroke);align-items:center;gap:12px;padding:12px 20px;display:flex}.sale__scan-input{flex:1}.sale__hits{border-bottom:1px solid var(--stroke);max-height:240px;margin:0;padding:0;list-style:none;overflow:auto}.sale__hit{background:var(--surface);border:0;border-bottom:1px solid var(--stroke);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;grid-template-columns:16px 1fr auto auto;align-items:center;gap:12px;padding:10px 20px;display:grid}.sale__hit-name{font-weight:600}.sale__hit-price{font-variant-numeric:tabular-nums}.dot{background:var(--text-muted);border-radius:99px;width:8px;height:8px;display:inline-block}.dot--repair{background:#7c5cbf}.dot--gold{background:var(--accent)}.sale__gold{background:var(--surface);border-bottom:1px solid var(--stroke);grid-template-columns:1.4fr repeat(3,1fr) auto;align-items:end;gap:12px;padding:12px 20px;display:grid}.sale__gold-total{flex-direction:column;gap:8px;font-weight:700;display:flex}.sale__body{flex:1;grid-template-columns:minmax(0,1fr) 280px;min-height:0;display:grid}.sale__cart{border-right:1px solid var(--stroke)}.sale__cols,.sale__line{grid-template-columns:36px minmax(0,1fr) 90px 90px 110px;align-items:center;gap:8px;padding:10px 16px;display:grid}.sale__cols{color:var(--text-muted);border-bottom:1px solid var(--stroke);font-size:12px}.sale__line{border:0;border-bottom:1px solid var(--stroke);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0}.sale__line--on{background:var(--surface)}.sale__line--void{opacity:.45;text-decoration:line-through}.sale__empty{padding:24px}.sale__totals{flex-direction:column;gap:10px;padding:16px;display:flex}.sale__total{font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.sale__total--net{border-top:1px solid var(--stroke);color:var(--accent);margin-top:8px;padding-top:10px;font-size:20px;font-weight:700}.sale__actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.modal--wide{width:min(720px,100%)}.z-count{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.pay-rows{flex-direction:column;gap:10px;margin:16px 0;display:flex}.pay-row{grid-template-columns:1fr 48px;align-items:end;gap:8px;display:grid}.pay-quick{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.held{border-collapse:collapse;width:100%;margin:16px 0 0}.held th,.held td{text-align:left;border-bottom:1px solid var(--stroke);padding:10px 8px}.held__actions{justify-content:flex-end;gap:8px;display:flex}.refund-qty{text-align:right;width:5.5rem}.receipt{width:min(420px,100%)}.receipt--a4{color:#111;background:#fff;width:min(210mm,100%);max-height:min(92vh,1120px);overflow:auto}.receipt__paper{font-variant-numeric:tabular-nums}.receipt__shop{text-align:center;margin:0 0 8px}.receipt__meta{color:var(--text-muted);text-align:center;margin:0;font-size:13px}.receipt__lines{border-collapse:collapse;width:100%;margin:16px 0;font-size:13px}.receipt__lines th,.receipt__lines td{border-bottom:1px solid var(--stroke);text-align:left;padding:6px 0}.receipt__lines th:last-child,.receipt__lines td:last-child,.receipt__lines th:nth-child(2),.receipt__lines td:nth-child(2){text-align:right}.receipt__totals{flex-direction:column;gap:6px;display:flex}.receipt__totals>div{justify-content:space-between;display:flex}.receipt__net{border-top:1px solid var(--stroke);padding-top:8px;font-size:18px;font-weight:700}.receipt__terms{color:var(--text-muted);margin:16px 0 0;font-size:12px}.receipt__section{border-top:1px dashed var(--stroke);margin-top:12px;padding-top:12px}.receipt__lines th:nth-child(n+2),.receipt__lines td:nth-child(n+2){text-align:right}.customer-create{border-top:1px dashed var(--stroke);gap:10px;margin-top:20px;padding-top:16px;display:grid}.invoice{--invoice-line:#222;--invoice-page-height:calc(297mm - 16mm);font-variant-numeric:tabular-nums;color:#111;border:1px solid var(--invoice-line);box-sizing:border-box;width:100%;max-width:210mm;min-height:var(--invoice-page-height);background:#fff;flex-direction:column;padding:0;font-family:Segoe UI,Tahoma,sans-serif;display:flex}.invoice__body{flex-direction:column;flex:auto;min-height:0;display:flex}.invoice__mid{flex-direction:column;flex:auto;min-height:8rem;display:flex}.invoice__lines-fill{border-left:1px solid var(--invoice-line);border-right:1px solid var(--invoice-line);border-bottom:1px solid var(--invoice-line);flex:auto;min-height:1.5rem}.invoice__head{text-align:center;border-bottom:1px solid var(--invoice-line);flex:none;padding:8px 110px 10px;position:relative}.invoice__blessing{margin:0 0 4px;font-size:13px}.invoice__logo{object-fit:contain;width:110px;height:auto;margin:0 auto;display:block}.invoice__logo--sign{width:72px;margin:8px auto}.invoice__addr{margin:6px 0 0;font-size:12px;line-height:1.35}.invoice__copybox{border:1px solid var(--invoice-line);text-align:left;flex-direction:column;gap:2px;padding:6px 8px;font-size:11px;line-height:1.3;display:flex;position:absolute;top:0;right:0}.invoice__gstbar{border-bottom:1px solid var(--invoice-line);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:grid}.invoice__gstbar strong{letter-spacing:.06em;font-size:14px}.invoice__meta{border-bottom:1px solid var(--invoice-line);flex:none;grid-template-columns:1fr 1fr;font-size:12.5px;display:grid}.invoice__meta-col{padding:8px 10px}.invoice__meta-col:first-child{border-right:1px solid var(--invoice-line)}.invoice__meta-col>div{grid-template-columns:9.2rem 1fr;gap:6px;min-height:1.25em;margin-bottom:4px;display:grid}.invoice__meta-col span{color:#222}.invoice__meta-col strong{font-weight:600}.invoice__lines,.invoice__gst{border-collapse:collapse;width:100%;font-size:11.5px}.invoice__lines{flex:none;margin-top:0}.invoice__lines th,.invoice__lines td,.invoice__gst th,.invoice__gst td{border:1px solid var(--invoice-line);text-align:left;vertical-align:top;padding:5px}.invoice__lines th{text-align:center;background:#fafafa;font-weight:600}.invoice__col-desc{width:36%;text-align:left!important}.invoice__col-wt{width:6%}.invoice__col-hsn{width:9%}.invoice__col-num{width:10%}.invoice__col-qty{width:6%}.invoice__lines td:nth-child(n+4),.invoice__gst td:nth-child(n+2),.invoice__gst th:nth-child(n+2){text-align:right}.invoice__cell-center{text-align:center!important}.invoice__foot{border:1px solid var(--invoice-line);break-inside:avoid;page-break-inside:avoid;border-top:0;flex:none;grid-template-columns:1.15fr .85fr;align-items:stretch;gap:0;margin-top:auto;display:grid}.invoice__foot-left,.invoice__foot-right{padding:8px}.invoice__foot-left{border-right:1px solid var(--invoice-line);flex-direction:column;gap:10px;display:flex}.invoice__totals{border:1px solid var(--invoice-line);flex-direction:column;font-size:12.5px;display:flex}.invoice__totals>div{border-bottom:1px solid var(--invoice-line);justify-content:space-between;gap:12px;padding:4px 8px;display:flex}.invoice__totals>div:last-child{border-bottom:0}.invoice__grand{font-weight:700}.invoice__terms{border:1px solid var(--invoice-line);padding:8px 10px;font-size:12px}.invoice__terms p{margin:0 0 4px}.invoice__terms p:last-child{margin-bottom:0}.invoice__billed{margin:4px 0 0;font-size:12.5px;font-weight:600}.invoice__signbox{border:1px solid var(--invoice-line);text-align:center;min-height:140px;margin-top:10px;padding:8px 10px 10px;font-size:11.5px}.invoice__signbox p{margin:0}.invoice__sign{font-weight:600;margin-top:6px!important}.invoice__rates{border-left:1px solid var(--invoice-line);border-right:1px solid var(--invoice-line);border-bottom:1px solid var(--invoice-line);flex:none;margin:0;padding:6px 8px;font-size:11.5px}.invoice__rates-title{margin:0 0 6px;font-weight:700}.invoice__rates ul{flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none;display:flex}.invoice__rates li{gap:8px;display:flex}@media print{html,body,#root{background:#fff!important;height:auto!important;overflow:visible!important}body *{visibility:hidden}.receipt-host,.receipt-host *,.receipt,.receipt *,.report,.report *{visibility:visible}.receipt-host,.report{color:#111;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;inset:0 auto auto 0!important;overflow:visible!important}.report__title{margin:0 0 12px;font-size:18px;display:block}.receipt-host .modal,.receipt{width:100%!important;max-width:none!important;max-height:none!important;box-shadow:none!important;color:#111!important;background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.receipt:not(.receipt--a4){width:80mm!important}.receipt--a4 .invoice,.invoice{visibility:visible;border-color:#000;width:100%!important;max-width:none!important;min-height:var(--invoice-page-height)!important;flex-direction:column!important;display:flex!important}.invoice__body,.invoice__mid{flex-direction:column!important;flex:auto!important;min-height:0!important;display:flex!important}.invoice__lines-fill{flex:auto!important}.invoice__foot{break-inside:avoid!important;page-break-inside:avoid!important;margin-top:auto!important}.no-print{visibility:hidden!important;display:none!important}@page{size:A4 portrait;margin:8mm}}