:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17211c;background:#eef1ee}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.pos>header{align-items:center;background:#173b2d;color:#fff;display:flex;height:66px;justify-content:space-between;padding:0 24px}.brand{font-size:20px;font-weight:800}.brand small{color:#e9b554;font-size:11px;letter-spacing:.12em}.status{color:#cad9d0;font-size:12px}.status span{background:#66c88f;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}header button{background:#285440;border:0;border-radius:8px;color:#fff;padding:9px 14px}.pos main{display:grid;grid-template-columns:1fr 390px;min-height:calc(100vh - 66px)}.catalog{padding:24px}.search{align-items:center;background:#fff;border:1px solid #d9dfda;border-radius:10px;display:flex;font-size:22px;gap:10px;padding:0 15px}.search input{border:0;flex:1;outline:0;padding:15px 0}.filters{display:flex;gap:8px;margin:18px 0}.filters button{background:#fff;border:1px solid #d7ded9;border-radius:999px;padding:8px 14px}.filters .active{background:#214b39;color:#fff}.products{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(130px,1fr))}.product{background:#fff;border:1px solid #dce2dd;border-radius:11px;overflow:hidden;padding:0 0 15px;text-align:left}.product i{display:block;height:120px;margin-bottom:13px}.product strong,.product span{display:block;padding:0 13px}.product span{color:#758179;font-size:12px;margin-top:5px}aside{background:#fff;border-left:1px solid #dce1dd;display:flex;flex-direction:column;padding:22px}.sale-head{align-items:center;display:flex;justify-content:space-between}.sale-head p{color:#859087;font-size:10px;font-weight:700;letter-spacing:.12em;margin:0}.sale-head h1{font-family:Georgia,serif;font-size:23px;margin:4px 0}.sale-head button{background:transparent;border:0;color:#a14e3e}.customer{border:1px dashed #bdc9c1;border-radius:8px;color:#426452;margin:16px 0;padding:12px}.cart-items{flex:1;min-height:200px}.line{align-items:center;border-bottom:1px solid #edf0ee;display:grid;gap:11px;grid-template-columns:28px 1fr auto;padding:14px 0}.line>b{background:#edf2ee;border-radius:5px;padding:6px;text-align:center}.line strong,.line span{display:block;font-size:13px}.line span{color:#849087;font-size:11px;margin-top:4px}.line p{font-size:13px}.empty{color:#8a958e;text-align:center}.totals{border-top:1px solid #dfe4e0;padding-top:12px}.totals>div{display:flex;justify-content:space-between;padding:7px 0}.totals span{color:#738077}.totals button{background:transparent;border:0;color:#2d674c}.totals .grand{border-top:1px solid #dfe4e0;font-size:19px;margin-top:8px;padding-top:15px}.grand b{font-family:Georgia,serif}.pay{background:#e8ae4e;border:0;border-radius:9px;font-weight:800;margin-top:14px;padding:16px}.pay:disabled{opacity:.5}.sync{color:#929b95;font-size:10px;text-align:center}@media (max-width: 850px){.pos main{grid-template-columns:1fr}aside{border-left:0;min-height:500px}.products{grid-template-columns:repeat(2,1fr)}}