:root{--ink:#131927;--muted:#737b89;--line:#e6e8ed;--soft:#f5f6f8;--green:#29ad78;--navy:#111827}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#f5f6f8;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.pos-app{min-height:100vh;padding-bottom:28px}.topbar{color:#fff;background:#111827;border-bottom:1px solid #273043;align-items:center;gap:18px;height:66px;padding:0 18px;display:flex}.brand{align-items:center;gap:10px;min-width:245px;display:flex}.brand>span{background:#2b65d9;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 7px 18px #073a9f55}.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{color:#97a1b3;margin-top:2px;font-size:10px}.demo-badge{color:#9fe0c3;letter-spacing:.5px;background:#15271f;border:1px solid #35503f;border-radius:20px;align-items:center;gap:7px;margin-right:auto;padding:6px 10px;font-size:10px;font-weight:800;display:flex}.demo-badge span{background:#48ce94;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #48ce9420}.top-status{align-items:center;gap:18px;display:flex}.top-status>span{color:#9fe0c3;align-items:center;gap:6px;font-size:11px;display:flex}.top-status>button{color:#fff;background:0 0;border:0;align-items:center;gap:8px;padding:5px;display:flex}.top-status button span{text-align:left;display:block}.top-status strong,.top-status small{display:block}.top-status strong{font-size:11px}.top-status small{color:#8e98aa;margin-top:2px;font-size:9px}.workspace{grid-template-columns:minmax(450px,42%) minmax(560px,58%);min-height:calc(100vh - 94px);display:grid}.catalog{background:#f4f5f7;border-right:1px solid #dfe2e7;padding:16px}.search-row{gap:8px;display:flex}.search{color:#7b8390;background:#fff;border:1px solid #d9dde4;border-radius:11px;flex:1;align-items:center;gap:9px;height:43px;padding:0 12px;display:flex;box-shadow:0 1px 2px #10182808}.search input{color:#1c2434;background:0 0;border:0;outline:0;width:100%;font-size:12px}.search kbd{color:#9299a5;background:#f8f9fa;border:1px solid #dfe2e8;border-radius:5px;padding:3px 6px;font-size:9px}.scan{color:#fff;cursor:pointer;background:#121a2a;border:0;border-radius:11px;width:44px;box-shadow:0 6px 14px #11182720}.scan:hover{background:#25334d}.categories{scrollbar-width:none;gap:6px;margin:13px 0;display:flex;overflow-x:auto}.categories button{white-space:nowrap;color:#737b89;cursor:pointer;background:#fff;border:1px solid #dde1e7;border-radius:20px;padding:7px 10px;font-size:10px}.categories button.selected{color:#fff;background:#121a2a;border-color:#121a2a}.catalog-meta{justify-content:space-between;align-items:end;margin:14px 1px 12px;display:flex}.catalog-meta h1{margin:0;font-size:17px}.catalog-meta p{color:#9299a4;margin:3px 0 0;font-size:10px}.catalog-meta button{color:#607089;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;display:flex}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.product-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e1e4e9;border-radius:12px;padding:0;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 2px 7px #10182809}.product-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px #10182818}.product-card:active{transform:scale(.98)}.product-image{aspect-ratio:1.18;background:#f5f5f5;border-radius:9px;margin:8px;position:relative;overflow:hidden}.product-image img{object-fit:contain;padding:5px}.product-info{padding:2px 10px 11px}.product-info small{color:#9aa1ac;text-transform:uppercase;font-size:8px;display:block}.product-info strong{color:#242b38;text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:30px;margin:4px 0 8px;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.product-info span{font-size:13px;font-weight:800;display:block}.product-info em{color:#8d95a2;margin-top:4px;font-size:8px;font-style:normal;display:block}.product-card>i{color:#fff;opacity:0;background:#182133;border-radius:8px;place-items:center;width:27px;height:27px;font-style:normal;transition:all .15s;display:grid;position:absolute;bottom:9px;right:8px;transform:translateY(4px)}.product-card:hover>i{opacity:1;transform:none}.empty-products{color:#9aa1ac;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.empty-products strong{color:#434b5a;margin-top:11px;font-size:13px}.empty-products span{margin-top:5px;font-size:10px}.checkout{background:#fff;flex-direction:column;min-height:calc(100vh - 66px);display:flex;position:relative}.sale-tabs{border-bottom:1px solid var(--line);background:#fbfbfc;align-items:end;gap:4px;height:47px;padding:0 15px;display:flex}.sale-tabs button{color:#9299a5;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;height:38px;padding:0 11px;font-size:10px;display:flex}.sale-tabs button.active{color:#172033;border-bottom-color:#172033;font-weight:800}.sale-tabs button.active span{color:#fff;background:#192233;border-radius:10px;padding:3px 6px;font-size:8px}.sale-tabs button:last-of-type{padding:0 8px}.close-mobile{margin-left:auto;display:none!important}.checkout-heading{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:67px;padding:0 17px;display:flex}.cart-icon{color:#fff;background:#151e2e;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.checkout-heading strong,.checkout-heading small{display:block}.checkout-heading strong{font-size:12px}.checkout-heading small{color:#9aa1ac;margin-top:4px;font-size:9px}.checkout-actions{gap:4px;margin-left:auto;display:flex}.checkout-actions button,.modal-heading button{color:#89919e;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.checkout-actions button:hover,.modal-heading button:hover{color:#293243;background:#f3f4f6}.cart-list{flex:1;min-height:250px;padding:12px 17px;overflow:auto}.cart-item{background:#fff;border:1px solid #e6e8ec;border-radius:12px;grid-template-columns:44px minmax(130px,1fr) 93px 80px 22px;align-items:center;gap:10px;min-height:66px;margin-bottom:9px;padding:8px 9px;display:grid;box-shadow:0 2px 5px #10182808}.cart-thumb{background:#f5f6f7;border-radius:8px;width:40px;height:40px;position:relative;overflow:hidden}.cart-thumb img{object-fit:contain;padding:3px}.cart-name{min-width:0}.cart-name strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.cart-name small{color:#8b93a0;margin-top:5px;font-size:9px;display:block}.stepper{border:1px solid #e0e3e8;border-radius:9px;grid-template-columns:29px 1fr 29px;align-items:center;height:31px;display:grid}.stepper button{color:#6e7684;cursor:pointer;background:#fafafa;border:0;place-items:center;height:100%;display:grid}.stepper button:first-child{border-radius:8px 0 0 8px}.stepper button:last-child{border-radius:0 8px 8px 0}.stepper span{text-align:center;font-size:10px;font-weight:750}.line-total{text-align:right;font-size:11px}.remove{color:#c0c5cc;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.remove:hover{color:#c54742}.empty-cart{color:#bdc2ca;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-cart strong{color:#5e6673;margin-top:12px;font-size:12px}.empty-cart span{margin-top:5px;font-size:9px}.summary{border-top:1px solid var(--line);background:#fdfdfd;padding:12px 17px 16px}.discount{color:#6d7583;cursor:pointer;background:#fafbfc;border:1px dashed #d7dce3;border-radius:8px;justify-content:space-between;width:100%;margin-bottom:9px;padding:8px 10px;font-size:9px;display:flex}.discount span{align-items:center;gap:5px;display:flex}.summary-line{color:#777f8c;justify-content:space-between;padding:3px 0;font-size:10px;display:flex}.summary-total{border-top:1px solid #e7e9ed;justify-content:space-between;align-items:center;margin-top:4px;padding:6px 0 9px;display:flex}.summary-total span{font-size:17px;font-weight:800}.summary-total strong{font-size:23px}.pay-buttons{grid-template-columns:1fr 1fr;gap:9px;display:grid}.pay-buttons button{color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:48px;font-size:12px;font-weight:800;display:flex;box-shadow:0 7px 14px #10182818}.pay-buttons button:disabled{cursor:not-allowed;opacity:.4}.cash-button{background:#31ad7b}.card-button{background:#121a2a}.card-button:hover{background:#26344e}.mobile-cart-button{display:none}.pos-app>footer{color:#8b93a0;background:#f5f6f8;justify-content:center;align-items:center;height:28px;padding:0 16px;font-size:9px;display:flex}.pos-app>footer a{color:#3b64a9;margin-left:4px;text-decoration:none}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1120b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(520px,100%);overflow:hidden;box-shadow:0 26px 80px #0007}.modal-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:19px 21px;display:flex}.modal-heading small,.receipt-modal>small{color:#8b93a0;letter-spacing:1px;font-size:9px;font-weight:800}.modal-heading h2{margin:5px 0 0;font-size:18px}.method-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 20px 10px;display:grid}.method-grid button{color:#667080;cursor:pointer;background:#fff;border:1px solid #dfe3e9;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:83px;display:flex}.method-grid button svg{width:22px}.method-grid button strong{font-size:10px}.cash-entry{padding:11px 20px}.cash-entry label{color:#5f6877;font-size:10px;font-weight:700;display:block}.cash-entry input{border:1px solid #dce1e8;border-radius:9px;outline:0;width:100%;height:45px;margin-top:7px;padding:0 12px;font-size:17px;font-weight:800}.cash-entry>div:nth-child(2){background:#f5f7fa;border-radius:8px;justify-content:space-between;margin-top:10px;padding:11px 12px;font-size:11px;display:flex}.quick-cash{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.quick-cash button{color:#505a69;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:7px;height:32px;font-size:9px}.terminal-state{color:#6a7381;background:#f5f7fa;border-radius:10px;flex-direction:column;align-items:center;margin:11px 20px;padding:21px;display:flex}.terminal-state strong{color:#313948;margin-top:8px;font-size:12px}.terminal-state span{margin-top:4px;font-size:9px}.payment-total{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin:4px 20px 10px;padding:12px 0;display:flex}.payment-total span{font-size:11px}.payment-total strong{font-size:20px}.confirm-pay{color:#fff;cursor:pointer;background:#25a972;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:calc(100% - 40px);height:45px;margin:0 20px 20px;font-size:11px;font-weight:800;display:flex}.confirm-pay:disabled{cursor:not-allowed;opacity:.4}.receipt-modal{text-align:center;padding:28px}.success-icon{color:#18855b;background:#e8f8f0;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 18px;display:grid}.receipt-modal h2{margin:7px 0;font-size:20px}.receipt-modal>p{color:#858e9c;margin:0;font-size:10px}.receipt-paper{background:#fafbfc;border:1px dashed #ccd1d9;border-radius:9px;margin:20px 0;padding:15px}.receipt-paper div{color:#6e7786;justify-content:space-between;padding:5px 0;font-size:10px;display:flex}.receipt-paper div:first-child{color:#1b2332;border-bottom:1px solid #e4e7eb;margin-bottom:5px;padding-bottom:10px;font-size:13px}.receipt-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.receipt-actions button{color:#4f5968;cursor:pointer;background:#fff;border:1px solid #dce0e6;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:41px;font-size:10px;font-weight:750;display:flex}.receipt-actions button.new-sale{color:#fff;background:#25aa73;border-color:#21a16c}@media (max-width:1080px){.workspace{grid-template-columns:minmax(370px,44%) minmax(480px,56%)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-item{grid-template-columns:40px minmax(100px,1fr) 86px 67px 18px;gap:7px}}@media (max-width:780px){.topbar{height:59px;padding:0 12px}.brand{min-width:0}.brand small,.demo-badge,.top-status>span,.top-status button span,.top-status button>svg:last-child{display:none}.top-status{margin-left:auto}.workspace{min-height:calc(100vh - 59px);display:block}.catalog{border:0;min-height:calc(100vh - 59px);padding:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:80px}.product-info strong{font-size:11px}.product-info span{font-size:14px}.checkout{z-index:80;transition:transform .25s;position:fixed;inset:0;transform:translateY(102%)}.checkout.mobile-open{transform:none}.sale-tabs{padding-top:5px}.close-mobile{display:flex!important}.mobile-cart-button{z-index:60;color:#fff;background:#111a2b;border:0;border-radius:12px;align-items:center;gap:9px;height:53px;padding:0 16px;font-size:11px;display:flex;position:fixed;bottom:14px;left:13px;right:13px;box-shadow:0 12px 30px #0b122055}.mobile-cart-button span{text-align:left;flex:1}.mobile-cart-button strong{font-size:15px}.pos-app>footer{display:none}.product-card>i{opacity:1;transform:none}.cart-list{padding-bottom:150px}.summary{z-index:5;background:#fff;position:fixed;bottom:0;left:0;right:0}.discount,.summary-line{display:none}}@media (max-width:420px){.brand strong{font-size:14px}.brand>span{width:33px;height:33px}.product-grid{gap:8px}.product-image{margin:6px}.product-info{padding:2px 8px 10px}.categories{margin-right:-12px}.method-grid{grid-template-columns:1fr}.method-grid button{flex-direction:row;height:55px}.receipt-actions{grid-template-columns:1fr}.cart-item{grid-template-columns:38px 1fr 80px 18px}.line-total{text-align:left;grid-column:2/4;margin-top:-6px}.remove{grid-area:1/4}.quick-cash{grid-template-columns:1fr}.modal{max-height:94vh;overflow:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.brand small,.top-status>span,.top-status strong,.demo-badge{font-size:12px}.top-status small,.product-info small,.product-info em,.cart-name small{font-size:11px}.categories button,.product-info strong,.cart-name strong,.stepper span,.line-total,.summary-line{font-size:12px}.product-info strong{height:35px}.product-info span{font-size:15px}.pay-buttons button{font-size:14px}html,body{color:#2f2038;background:#fff8f3}.topbar{background:#3d1f4a;border-bottom-color:#5e326b}.brand>span{background:#f06c5f;box-shadow:0 7px 18px #f06c5f55}.brand small{color:#d9c4de}.demo-badge{color:#ffd6d0;background:#5a2d50;border-color:#875071}.demo-badge span{background:#ff8a7d;box-shadow:0 0 0 4px #ff8a7d28}.top-status>span{color:#ffd6d0}.catalog{background:#fff8f3}.scan,.categories button.selected,.cart-icon,.card-button{background:#5d2c6f}.scan:hover,.card-button:hover{background:#713984}.product-card>i{background:#f06c5f}.discount.applied{color:#843966;background:#fff0f6;border-color:#e3a0c4}.cash-button,.confirm-pay,.receipt-actions button.new-sale{background:#f06c5f}.cash-button:hover{background:#dc594e}.method-grid button.active{color:#6a317d;background:#fbf2ff;border-color:#8b4aa0;box-shadow:0 0 0 2px #8b4aa018}.cash-entry input:focus{border-color:#8b4aa0;box-shadow:0 0 0 3px #8b4aa016}.success-icon{color:#8a385f;background:#fff0f5}.mobile-cart-button{background:#4a2458}.pos-app>footer{background:#fff8f3}.pos-app>footer a{color:#7b3d8d}