@import url('/fonts.css');
#login-password-label[hidden],#login-cashier-help[hidden]{display:none!important}
:root{font-family:Segoe UI,Arial,sans-serif;color:#19352d;background:#f4f7f6;font-size:13px;font-synthesis:none;--green:#13795b;--dark:#122d25;--muted:#61756d;--line:#e2e9e5;--bg:#f4f7f6}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d8e2dc;background:white;color:#244b3b;padding:9px 13px;border-radius:7px;font-weight:600;transition:background .12s}button:hover{background:#edf4ef}button:disabled{opacity:.5;cursor:default}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #d6e1da;border-radius:6px;color:#223e31;background:white;outline:none}input:focus,select:focus,textarea:focus{border-color:#13795b;box-shadow:0 0 0 3px #13795b18}label{display:block;font-size:12px;font-weight:600;color:#4a6255;margin:13px 0}label input,label select,label textarea{margin-top:6px;font-weight:400}h1,h2,h3,p{margin:0}h1{font-size:25px;font-weight:650;letter-spacing:-.8px}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:16px}p{line-height:1.6;color:var(--muted)}small{display:block;font-size:11px;font-weight:400;color:#78887f;line-height:1.6}.primary{color:white;background:var(--green);border-color:var(--green)}.primary:hover{background:#10684f}.secondary{background:#eaf4ef;color:var(--green);border-color:#cfdfd6}.danger{color:white;background:#b42318;border-color:#b42318}.wide{width:100%;margin-top:8px}.primary.wide{display:flex;justify-content:space-between;align-items:center}.muted{color:var(--muted);font-size:12px;margin:14px 0}.error{color:#b42318;line-height:1.5;margin-top:10px}.error:empty{display:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.9px;color:#789384}.brand{display:flex;align-items:center;gap:10px;letter-spacing:2px;font-size:18px;color:white}.brand img{width:34px;height:34px}.brand strong{font-weight:650}.brand strong span{color:#bbd2c4;font-size:12px;font-weight:400;letter-spacing:1px;margin-left:5px}.loading{padding:100px;text-align:center}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-intro{background:var(--dark);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:52px 64px;position:relative;overflow:hidden}.login-intro:after{content:'';position:absolute;right:-240px;bottom:-300px;width:750px;height:750px;border-radius:50%;border:1px solid #53746133;box-shadow:0 0 0 80px #5374610a,0 0 0 160px #53746106;pointer-events:none}.login-intro h1{font-size:44px;line-height:1.2;letter-spacing:-1.8px;margin:22px 0}.login-intro p{font-size:16px;color:#bdcec4}.login-footer{font-size:11px;color:#9eb5a7;letter-spacing:.5px}.login-wrap{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{max-width:390px;width:100%}.login-card h2{font-size:27px;margin:14px 0 10px}.login-card>p{margin-bottom:26px}.login-card label{margin-top:18px}.login-card input{padding:13px}.login-card .primary{padding:14px;margin-top:23px}.offline-note{font-size:11px;color:#7b8c80;line-height:1.6;margin-top:20px}.demo-box{margin-top:28px;padding:17px;background:#eaf2ec;border-radius:8px;border:1px solid #dce8df}.demo-box strong{font-size:12px}.demo-box p{font-size:11px}.demo-roles{display:flex;gap:5px;margin:12px 0}.demo-roles button{font-size:10px;padding:7px 9px}.workspace{height:100vh;display:flex;flex-direction:column}.topbar{height:65px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background:var(--dark);padding:0 22px;color:white}.header-actions{display:flex;align-items:center;gap:10px}.header-actions button{background:#24483a;color:#e4eee8;border-color:#3c5b4c;font-size:11px;padding:8px 11px}.header-actions button:hover{background:#355e4b}.connection{font-size:11px;color:#bed8c8}.connection.offline{color:#f8cf85}.demo-tag{background:#adc67b1c;border:1px solid #9bb07566;border-radius:5px;color:#d0e4a7;font-size:9px;font-weight:650;padding:5px 7px;letter-spacing:1px}.user-strip{display:flex;justify-content:space-between;background:#e6eee9;padding:7px 19px;font-size:11px;color:#496152;flex-shrink:0}.dot{margin:0 9px;color:#92a99b}.workspace-body{display:flex;min-height:0;flex:1}.sidebar{width:188px;flex-shrink:0;background:var(--dark);display:flex;flex-direction:column;padding:12px 8px}.sidebar nav{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:#496658 transparent}.sidebar nav button{color:#c8ddce;background:transparent;border:0;flex:1;min-height:31px;text-align:left;border-radius:5px;white-space:nowrap;font-size:11px;padding:7px 10px;font-weight:500;display:flex;align-items:center;gap:9px}.sidebar nav button:hover{background:#24473b}.sidebar nav button.active{background:var(--green);color:white;font-weight:600}.nav-icon{width:15px;text-align:center;font-size:14px;color:#a1c2ad}.active .nav-icon{color:#d3f3de}.sidebar-footer{font-size:8px;letter-spacing:.65px;color:#86a291;padding:16px 6px 3px}.live-dot{display:inline-block;width:5px;height:5px;background:#a5d885;border-radius:50%;margin-right:4px}main{flex:1;min-width:0;overflow:auto;padding:24px 25px 17px}#screen{max-width:1800px;margin:auto}.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.screen-heading .eyebrow{font-size:9px}.screen-heading h1{margin:6px 0}.screen-heading p{font-size:11px}.heading-actions{display:flex;gap:8px;align-items:center}.heading-actions button{font-size:11px}.shift-tag{color:#13795b;background:#e6f2ea;border:1px solid #cde5d6;border-radius:20px;font-size:10px;font-weight:600;padding:7px 12px}.pending-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff4dc;color:#78511e;border:1px solid #efdba8;border-radius:7px;padding:8px 12px;margin-bottom:16px;font-size:11px}.pending-bar[hidden]{display:none}.pending-bar button{padding:5px 9px;font-size:10px;background:#fffaf0;border-color:#e1c783}.pos-grid{display:grid;grid-template-columns:238px minmax(260px,1fr) 290px;gap:14px;min-height:570px;height:calc(100vh - 221px)}.favorites,.cart-panel,.checkout-panel{background:white;border:1px solid var(--line);border-radius:9px;min-height:0;overflow:hidden}.favorites{background:#eef3ef;padding:15px 11px;overflow:auto}.panel-label{font-size:10px;font-weight:750;letter-spacing:1.4px;display:flex;align-items:center;justify-content:space-between;padding-bottom:14px}.panel-label>span{font-size:7px;color:#7f9587;letter-spacing:.5px}.favorite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.favorite-grid button{min-height:95px;padding:10px 6px;text-align:center;border-color:#dae5dd;box-shadow:0 2px 2px #223c2e03;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;font-size:10px;line-height:1.4;font-weight:600}.favorite-grid strong{color:var(--green);font-size:11px}.favorite-grid button:hover{background:#def1e4;border-color:#b8d2c2}.cart-panel{display:flex;flex-direction:column}.product-search{display:flex;align-items:center;gap:8px;margin:14px;border:1px solid #cbdccf;padding:3px 10px;border-radius:7px;background:#f9fbf9}.product-search input{border:0;box-shadow:none;background:transparent;padding:10px 0;font-size:11px}.product-search>span:first-child{font-size:22px;color:#759280}.key-hint{font-size:8px;letter-spacing:.8px;border:1px solid #dbe5de;padding:3px 5px;border-radius:3px;color:#8fa295}.product-results:empty{display:none}.product-results{max-height:180px;overflow:auto;border-bottom:1px solid var(--line)}.product-results button{border:0;border-radius:0;border-top:1px solid #eff3ef;width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:9px 15px;font-size:11px}.product-results button>strong{font-size:11px;white-space:nowrap;margin-left:12px}.product-results button>strong>span{color:#13795b;font-size:18px}.cart-heading{display:flex;justify-content:space-between;align-items:center;padding:7px 14px 13px;font-size:9px;font-weight:700;letter-spacing:1.3px;border-bottom:1px solid var(--line)}.cart-heading button{padding:0;border:0;color:#899d8e;font-size:10px;letter-spacing:0;font-weight:500}.cart-table{flex:1;overflow:auto;min-height:0}.cart-empty{height:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#7f9688}.empty-basket{font-size:43px;color:#b0c8b8;border:1px solid #dfebe2;background:#f1f6f2;width:74px;height:74px;display:flex;align-items:center;justify-content:center;border-radius:20px;margin-bottom:20px}.cart-empty h2{font-size:18px;font-weight:550;color:#526e5c;margin-bottom:10px}.cart-empty p{font-size:12px;color:#8da193}.cart-empty>span{margin-top:24px;text-transform:uppercase;font-size:8px;letter-spacing:1.7px;color:#a7b7ac}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;background:#f7faf7;color:#748d7c;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:13px 14px;border-bottom:1px solid #edf2ee;font-size:11px;color:#405c4a}td strong{font-size:11px}td small{font-size:9px;margin-top:3px}.cart-table th{padding:10px 9px}.cart-table td{padding:12px 9px}.cart-table td:first-child{width:46%}.qty-input{width:53px;padding:6px 4px;text-align:center;font-size:11px}.remove{border:0;background:#f6f9f6;padding:2px 6px;font-size:18px;color:#98aa9e}.discount-button{padding:0;border:0;color:#649373;font-size:9px;font-weight:400;margin-top:3px}.cart-bottom{padding:12px 14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#91a296}.cart-bottom span:first-child{color:#4d735b;font-weight:600}.checkout-panel{padding:17px 18px;overflow:auto}.checkout-panel label{font-size:10px;margin:10px 0}.checkout-panel input,.checkout-panel select{font-size:11px;padding:9px}.checkout-panel .panel-label{border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:13px}.amount-due{padding:20px 0 18px}.amount-due>span{display:block;color:#7d9585;font-size:9px;letter-spacing:1.2px;margin-bottom:7px}.amount-due>strong{font-size:37px;letter-spacing:-1.3px;color:#175b3c;font-weight:650}.total-line{display:flex;justify-content:space-between;color:#607a68;font-size:11px;padding:5px 0}.total-line strong{font-weight:550}.total-line.discount{color:#13795b}.payment-title{font-size:8px;letter-spacing:1px;color:#8ba391;margin-top:19px}.allocation{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.allocation>div{flex:1}.allocation span{font-size:8px;letter-spacing:.8px;color:#8ba391;display:block;margin-bottom:5px}.allocation strong{font-size:11px;font-weight:600}.change-line{display:flex;justify-content:space-between;align-items:center;margin:12px 0;color:#738a7c;font-size:11px}.change-line strong{font-size:21px;font-weight:600;color:#3d7950}.complete{padding:13px;font-size:11px;margin-top:16px}.checkout-panel .secondary{font-size:9px;letter-spacing:.4px;padding:11px}.text-button{border:0;width:100%;font-size:10px;font-weight:500;color:#6d8e77;margin:9px 0 0;padding:4px}.local-save-note{font-size:9px;color:#90a194;text-align:center;margin:10px 0 0;line-height:1.6}.local-save-note span{color:#13795b;margin-right:4px}.cost-label{font-size:9px;color:#aa7614;background:#fff7df}.cost-label:empty{display:none}.card{background:white;border:1px solid var(--line);border-radius:9px;padding:22px}.card h2{margin-bottom:17px;font-size:17px}.list-card{padding:0;overflow:hidden}.list-card>h2{padding:20px;margin:0}.table-scroll{overflow:auto}.filter-bar{display:flex;gap:10px;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}.filter-bar>input{max-width:340px;font-size:11px}.filter-bar label{display:flex;align-items:center;gap:6px;margin:0;font-size:10px}.filter-bar label input{width:145px;margin:0;padding:9px;font-size:10px}.filter-bar button{font-size:10px}.filter-bar>span{margin-left:auto;font-size:10px;color:#809687;white-space:nowrap}.pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:13px 20px}.pager span{margin-right:auto;color:#879d8d;font-size:10px}.pager button{padding:6px 12px;font-size:10px}.row-action{padding:5px 9px;font-size:10px}.empty{text-align:center;padding:60px 22px;color:#879c8f}.empty .empty-basket{margin:0 auto 20px}.empty p{margin-top:8px;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:17px}.metric{padding:23px}.metric span{font-size:11px;color:#748d7c}.metric strong{display:block;font-size:29px;font-weight:650;color:#24533b;margin-top:15px;letter-spacing:-1px}.summary-strip{display:flex;gap:60px;margin-bottom:22px;padding:20px 25px}.summary-strip span{display:block;font-size:10px;color:#879a8d;margin-bottom:7px}.summary-strip strong{font-size:16px;font-weight:600}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid p{font-size:12px;margin:12px 0}.settings-grid button{margin-right:8px;margin-top:10px;font-size:10px}dl{display:grid;grid-template-columns:1fr 1.4fr;gap:17px;font-size:11px}dt{color:#899e8f}dd{margin:0;color:#375e46}.conversion-note{background:#edf3ef;border:1px solid #dbe6df;border-radius:7px;padding:11px 14px;font-size:11px;color:#66816e;margin-bottom:16px}.cash-grid{display:grid;grid-template-columns:310px 1fr;gap:20px}.cash-grid form label{margin:16px 0}.cash-grid .primary{margin-top:22px;padding:12px;font-size:11px}dialog{border:1px solid #d7e3db;border-radius:12px;padding:28px;color:#19352d;max-width:680px;width:calc(100% - 40px);box-shadow:0 25px 80px #0e211d35;max-height:90vh;overflow:auto}dialog::backdrop{background:#10271cc2}dialog>h2{margin-bottom:10px}dialog>p{font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}.dialog-actions button{font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.checkbox-label{display:flex;align-items:center;gap:9px}.checkbox-label input{width:15px;margin:0;accent-color:#13795b}.pending-list>div{padding:16px 0;border-bottom:1px solid var(--line)}.pending-list strong{font-size:12px}.pending-list p{font-size:11px;color:#a36e23;margin-top:7px}.pending-list button{margin-top:9px;font-size:10px}.receipt{max-width:420px;margin:auto;font-family:Consolas,monospace;font-size:11px;color:#222}.receipt h2,.receipt>p{text-align:center;color:#222;margin:12px 0;font-size:12px}.receipt h2{font-size:20px;letter-spacing:2px}.receipt hr{border:0;border-top:1px dashed #999;margin:15px 0}.receipt-line{display:flex;justify-content:space-between;gap:20px;margin:10px 0;font-size:11px}.receipt-total{font-size:16px;margin:17px 0}.receipt small{color:#333;font-size:9px;overflow-wrap:anywhere}.receipt-line span:last-child{text-align:right}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;max-width:650px;border-radius:8px;background:#143c29;color:white;box-shadow:0 5px 25px #122d2533;z-index:100;display:none;font-size:12px;line-height:1.6}#toast.visible{display:block}#toast.bad{background:#873e28}#print-area{display:none}
@media(min-width:1500px){.pos-grid{grid-template-columns:300px minmax(340px,1fr) 330px}.favorite-grid button{min-height:112px;font-size:12px}.favorite-grid strong{font-size:12px}.checkout-panel{padding:22px 25px}.checkout-panel label{font-size:12px;margin:14px 0}.checkout-panel input,.checkout-panel select{font-size:12px;padding:11px}.amount-due>strong{font-size:42px}.allocation strong{font-size:13px}.cart-table td,.cart-table td strong{font-size:12px}.sidebar{width:196px}.sidebar nav button{font-size:12px}.favorites{padding:20px 15px}}
@media(max-width:1150px){main{padding:18px 15px}.sidebar{width:162px}.sidebar nav button{font-size:10px;padding:7px}.pos-grid{grid-template-columns:180px minmax(240px,1fr) 260px;gap:9px}.favorite-grid{gap:5px}.favorite-grid button{font-size:9px;min-height:91px}.favorite-grid strong{font-size:10px}.favorites{padding:12px 7px}.panel-label>span{display:none}.cart-bottom>span:last-child{display:none}.checkout-panel{padding:15px}.user-strip{font-size:10px}.filter-bar{flex-wrap:wrap}.metrics{gap:10px}.metric{padding:16px}.metric strong{font-size:24px}}
@media(max-width:900px){.pos-grid{grid-template-columns:minmax(240px,1fr) 270px;height:auto;min-height:580px}.favorites{grid-column:1/-1;max-height:160px}.favorite-grid{grid-template-columns:repeat(6,1fr)}.favorite-grid button{min-height:80px}.cart-panel{min-height:460px}.sidebar{width:152px}.header-actions{gap:6px}.header-actions button{font-size:9px;padding:7px}.connection{font-size:9px}.topbar{padding:0 12px}.brand{font-size:14px}.cash-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.login-intro{padding:35px}.login-intro h1{font-size:34px}}
@media(max-width:640px){.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-wrap{padding:30px 23px}.workspace{height:auto;min-height:100vh}.topbar{height:auto;flex-wrap:wrap;padding:13px;gap:12px}.header-actions{flex-wrap:wrap}.user-strip{flex-wrap:wrap;gap:6px}.workspace-body{flex-direction:column}.sidebar{width:100%;padding:7px}.sidebar nav{flex-direction:row;overflow-x:auto}.sidebar nav button{flex-shrink:0;min-height:34px}.sidebar-footer{display:none}main{padding:18px 12px}.pos-grid{display:flex;flex-direction:column}.favorites{max-height:180px}.favorite-grid{grid-template-columns:repeat(4,1fr)}.checkout-panel{overflow:visible}.cart-panel{min-height:390px}.screen-heading{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.summary-strip{flex-wrap:wrap;gap:20px}.filter-bar>input{max-width:none}.filter-bar label input{width:125px}.metrics .metric strong{font-size:24px}}
@media print{body>*{display:none!important}#print-area{display:block!important;color:black;background:white}#print-area .receipt{max-width:76mm;margin:0;font-size:10px}@page{size:80mm auto;margin:2mm}}