:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#17201b;background:#eef2ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}input,select{background:#fff;border:1px solid #cbd5ce;border-radius:10px;color:#17201b;min-height:44px;padding:10px 12px;width:100%}label{color:#36423b;display:grid;font-size:13px;font-weight:650;gap:7px;margin:14px 0}label small{color:#6c7870;font-weight:400}.primary,.danger{border:0;border-radius:10px;color:#fff;font-weight:750;padding:13px 18px;width:100%}.primary{background:#176943}.danger{background:#aa3f38}.eyebrow{color:#176943!important;font-size:11px!important;font-weight:800;letter-spacing:.16em}.login-page{align-items:center;background:radial-gradient(circle at 20% 0,#dbece2,transparent 38%),#edf2ef;display:flex;justify-content:center;min-height:100vh;padding:22px}.login-card{background:#fff;border:1px solid #d7dfda;border-radius:20px;box-shadow:0 20px 55px #2747351c;max-width:430px;padding:36px;width:100%}.login-card.wide{max-width:520px}.login-card .logo{align-items:center;background:#176943;border-radius:13px;color:#fff;display:flex;font-size:24px;font-weight:900;height:48px;justify-content:center;width:48px}.login-card h1{font-family:Georgia,serif;font-size:35px;margin:10px 0}.login-card>p{color:#6b776f}.alert,.toast{border-radius:9px;padding:11px 13px}.error{background:#fff0ef!important;color:#a13731!important}.loader{align-items:center;display:flex;font-weight:700;justify-content:center;min-height:100vh}.pos-shell>header{align-items:center;background:#123c2c;color:#fff;display:flex;height:68px;justify-content:space-between;padding:0 22px}.brand{display:flex;gap:7px}.brand b{font-size:22px}.brand small{align-self:flex-end;color:#f5c766;font-size:10px;font-weight:900;letter-spacing:.14em}.online{color:#d3e3da;font-size:12px}.online i{background:#58d48e;border-radius:50%;display:inline-block;height:8px;margin-right:7px;width:8px}.online i.off{background:#f1bd4a}.pos-shell nav{align-items:center;display:flex;gap:7px}.pos-shell nav>button{background:#245340;border:1px solid #396550;border-radius:8px;color:#fff;padding:8px 12px}.user{align-items:center;display:flex!important;font-weight:800;gap:8px}.user span{display:grid;font-size:11px;text-align:left}.user small{color:#bcd0c4;font-weight:400}.pos-shell>main{display:grid;grid-template-columns:minmax(0,1fr) 410px;min-height:calc(100vh - 68px)}.catalog{overflow:hidden;padding:22px}.search{align-items:center;background:#fff;border:1px solid #ccd6cf;border-radius:13px;display:flex;padding:0 14px}.search span{font-size:25px}.search input{border:0;outline:0}.search kbd{background:#eef2ef;border:1px solid #d4dcd7;border-radius:5px;color:#6a756e;font-size:10px;padding:4px 7px}.filters{display:flex;gap:8px;margin:16px 0;overflow:auto;padding-bottom:2px}.filters button,.cart-actions button{background:#fff;border:1px solid #cdd7d0;border-radius:999px;color:#49554e;padding:8px 14px;white-space:nowrap}.filters .active{background:#176943;border-color:#176943;color:#fff}.products{display:grid;gap:13px;grid-template-columns:repeat(4,minmax(135px,1fr))}.product{background:#fff;border:1px solid #d4ddd7;border-radius:14px;min-width:0;overflow:hidden;padding:0 0 13px;text-align:left;transition:.15s}.product:hover{border-color:#76a68d;box-shadow:0 8px 22px #365d4717;transform:translateY(-2px)}.photo{align-items:center;background:#e5ece7;display:flex;height:126px;justify-content:center;margin-bottom:12px}.photo img{height:100%;object-fit:cover;width:100%}.photo span{color:#567062;font-size:30px;font-weight:850}.product>strong,.product>span,.product>small{display:block;overflow:hidden;padding:0 12px;text-overflow:ellipsis;white-space:nowrap}.product>span{color:#32463b;font-size:13px;font-weight:700;margin-top:6px}.product>small{color:#758179;font-size:10px;margin-top:5px}.pos-shell aside{background:#fff;border-left:1px solid #d5ddd8;display:flex;flex-direction:column;padding:20px}.sale-head{align-items:center;display:flex;justify-content:space-between}.sale-head p{color:#7d8981;font-size:10px;font-weight:800;letter-spacing:.15em;margin:0}.sale-head h1{font-family:Georgia,serif;font-size:25px;margin:4px 0}.sale-head button{background:transparent;border:0;color:#a53e36}.customer{background:#f7faf8;border:1px dashed #a9bdb1;border-radius:10px;color:#265c42;font-weight:650;margin:15px 0;padding:12px;text-align:left}.cart-items{flex:1;min-height:180px;overflow:auto}.empty{align-items:center;color:#89948d;display:flex;flex-direction:column;height:100%;justify-content:center}.empty b{color:#536159;margin-bottom:5px}.line{align-items:center;border-bottom:1px solid #e7ece9;display:grid;gap:10px;grid-template-columns:82px 1fr auto;padding:13px 0}.line strong,.line span{display:block;font-size:13px}.line span{color:#7c8780;font-size:10px;margin-top:4px}.line p{font-size:13px;font-weight:700}.stepper{align-items:center;border:1px solid #d4dcd7;border-radius:8px;display:flex;justify-content:space-between;overflow:hidden}.stepper button{background:#f4f7f5;border:0;padding:7px}.stepper b{font-size:12px}.cart-actions{display:flex;gap:8px;padding:10px 0}.cart-actions button{flex:1}.totals{border-top:1px solid #dce3df;padding-top:8px}.totals>div{display:flex;justify-content:space-between;padding:5px 0}.totals span{color:#66736b}.totals .grand{border-top:1px solid #dce3df;font-size:20px;margin-top:7px;padding-top:13px}.pay{background:#eeb347;border:0;border-radius:11px;color:#1f261f;font-size:16px;font-weight:850;margin-top:12px;padding:16px}.sync{color:#819087;font-size:10px;margin:9px 0 0;text-align:center}.overlay{align-items:center;background:#10221a99;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:10}.modal{background:#fff;border-radius:17px;box-shadow:0 22px 70px #06130d66;max-height:90vh;max-width:520px;overflow:auto;padding:22px;width:100%}.modal>header{align-items:center;display:flex;justify-content:space-between}.modal>header h2{font-family:Georgia,serif;margin:0}.modal>header button{background:transparent;border:0;font-size:28px}.amount-due{align-items:end;background:#edf5f0;border-radius:12px;display:flex;justify-content:space-between;margin:20px 0;padding:16px}.amount-due span{color:#647269}.amount-due b{font-family:Georgia,serif;font-size:27px}.payment-methods{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.payment-methods button{background:#fff;border:1px solid #cdd7d0;border-radius:9px;padding:12px 5px}.payment-methods .active{background:#176943;color:#fff}.toast{background:#173d2e;bottom:20px;color:#fff;left:50%;position:fixed;transform:translate(-50%);z-index:20}.list{display:grid;gap:8px;margin-top:15px}.list>button,.sale-row{background:#f7f9f8;border:1px solid #dce3df;border-radius:10px;padding:12px;text-align:left}.list button b,.list button span{display:block}.list button span{color:#748078;font-size:11px;margin-top:4px}.shift-stats{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:15px 0}.shift-stats div{background:#f1f5f2;border-radius:10px;display:grid;padding:12px}.shift-stats span{color:#728078;font-size:11px}.shift-stats b{margin-top:4px}fieldset{border:1px solid #d6dfd9;border-radius:11px;display:grid;gap:8px;margin:14px 0;padding:13px}.receipt{text-align:center}.receipt h2{margin-bottom:5px}.receipt>p{color:#6d7971;font-size:12px;line-height:1.6}.receipt-line{display:flex;justify-content:space-between;padding:8px 0;text-align:left}.receipt-line small{color:#7d8981;display:block}.history{max-width:760px}.sale-row{align-items:center;display:grid;grid-template-columns:1fr auto auto}.sale-row>button:first-child{background:transparent;border:0;text-align:left}.sale-row span{display:block;color:#77827b;font-size:11px}.link-danger{background:transparent;border:0;color:#a43d36}.receipt-modal{max-width:420px}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{left:0;position:absolute;top:0;width:80mm}.overlay{background:#fff}}@media (max-width:1100px){.products{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.pos-shell>header{align-items:flex-start;height:auto;gap:8px;padding:12px;flex-wrap:wrap}.online{order:3;width:100%}.pos-shell nav>button:not(.user){display:none}.pos-shell>main{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.pos-shell aside{border-left:0;min-height:600px}.catalog{padding:14px}.user span{display:none}}@media (max-width:430px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.photo{height:105px}.payment-methods{grid-template-columns:repeat(2,1fr)}}.products.density-small{grid-template-columns:repeat(5,minmax(115px,1fr))}.products.density-large{grid-template-columns:repeat(3,minmax(165px,1fr))}.products.text-only .product{min-height:112px;padding-top:18px}.settings-modal{max-width:790px;padding:0}.settings-modal>header{border-bottom:1px solid #dce3df;padding:20px 22px}.settings-intro{color:#708078;font-size:12px;margin:0;padding:0 22px;transform:translateY(-14px)}.settings-card{border:1px solid #d9e2dc;border-radius:14px;margin:0 16px 16px;overflow:hidden;padding:15px}.settings-card>header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.settings-card>header>span{align-items:center;background:#e9f2ff;border-radius:9px;color:#2873e8;display:flex;height:36px;justify-content:center;width:36px}.settings-card>header>div{display:grid;gap:2px}.settings-card>header b{font-size:13px}.settings-card>header small,.setting-row small{color:#7c8881;font-size:10px;font-weight:400}.settings-grid{display:grid;gap:13px;grid-template-columns:1fr 1fr}.setting-row{align-items:center;border-top:1px solid #e6ece8;display:flex;justify-content:space-between;margin:0;padding:12px 0}.setting-row>span{display:grid;gap:3px}.setting-row input[type=checkbox]{accent-color:#198b58;height:21px;min-height:0;width:21px}.density-control{background:#eef2ef;border:1px solid #d8e0db;border-radius:9px;display:flex;padding:3px}.density-control button{background:transparent;border:0;border-radius:7px;color:#5f6c64;font-size:10px;font-weight:700;padding:8px 12px;text-transform:capitalize}.density-control button.active{background:#2873e8;color:#fff}.settings-actions{background:#fff;border-top:1px solid #dce3df;bottom:0;display:flex;gap:9px;justify-content:flex-end;padding:14px 18px;position:sticky}.settings-actions button{border:1px solid #ccd7d0;border-radius:9px;padding:10px 16px;width:auto}.receipt h3{font-size:13px;margin:3px 0}.receipt-total{border-top:1px solid #333;font-size:16px;font-weight:800;margin-top:4px}.receipt-58mm{width:58mm}.receipt-80mm{width:80mm}.receipt-a4{font-size:14px;margin:auto;max-width:190mm;min-height:240mm;padding:15mm;width:100%}@media (max-width:1100px){.products.density-small{grid-template-columns:repeat(4,1fr)}}@media (max-width:800px){.products.density-small,.products.density-large{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.settings-modal{max-height:94vh}}@media print{.receipt{left:0;margin:0!important;position:absolute;top:0}.receipt-58mm{width:58mm!important}.receipt-80mm{width:80mm!important}.receipt-a4{width:190mm!important}}.customer.attached{border-color:#2f7d5b;background:#edf9f3;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.customer.attached small{margin-left:auto;color:#47645a}.loyalty-summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.65rem 0;padding:.7rem .8rem;border:1px solid #b9d9ca;border-radius:12px;background:#f2fbf6}.loyalty-summary span{display:grid;gap:.15rem}.loyalty-summary small{color:#60746b}.loyalty-summary strong{color:#14764e;white-space:nowrap}.customer-modal{width:min(680px,94vw)}.customer-search{display:grid;grid-template-columns:1fr auto;gap:.6rem}.customer-results{display:grid;gap:.5rem;max-height:340px;overflow:auto;margin-top:.8rem}.customer-results>button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;text-align:left;gap:.75rem;padding:.75rem;border:1px solid #d8e0db;border-radius:12px;background:#fff}.customer-results>button:hover{border-color:#4388ed;background:#f5f8ff}.customer-results span:nth-child(2){display:grid;gap:.15rem}.customer-results small,.customer-results em{font-size:.78rem;color:#6e7a73;font-style:normal}.customer-results strong{font-size:.75rem;color:#14764e;background:#daf3e6;border-radius:999px;padding:.25rem .5rem}.customer-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#dfeaff;color:#2461b5;font-weight:800}.customer-empty{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px dashed #ccd7d0;border-radius:12px;margin-top:.75rem}.customer-create{display:grid;gap:.8rem}.customer-footer{display:flex;justify-content:flex-end;gap:.6rem;border-top:1px solid #dce3df;padding-top:1rem}.loyalty-modal{width:min(900px,95vw)}.loyalty-tiers{display:grid;gap:.65rem}.loyalty-tier{display:grid;grid-template-columns:1.1fr 1.2fr .85fr auto auto;gap:.65rem;align-items:end;padding:.8rem;border:1px solid #dce3df;border-radius:12px}.loyalty-tier label{margin:0}.tier-active{display:flex!important;align-items:center;gap:.35rem;padding-bottom:.65rem}.tier-active input{width:auto!important}.loyalty-tier .link-danger{margin-bottom:.1rem}@media (max-width:760px){.customer-search,.loyalty-tier{grid-template-columns:1fr}.customer-results>button{grid-template-columns:42px 1fr}.customer-results>button>strong{grid-column:2}.tier-active{padding-bottom:0}}.customer-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.customer-create-grid .wide{grid-column:1/-1}@media (max-width:620px){.customer-create-grid{grid-template-columns:1fr}.customer-create-grid .wide{grid-column:auto}}