button,select{font:inherit}button{cursor:pointer;border:1px solid #bdcec3;border-radius:10px;padding:11px 17px;background:#fff;color:#173831}button:hover{background:#e6f0e2}button:disabled{cursor:default;opacity:.45}button:focus-visible,select:focus-visible{outline:3px solid #e2a94e;outline-offset:3px}button.button:hover{background:#065f56}.demo-label{font-size:10px;letter-spacing:1px;color:#08796d}.demo-main{max-width:1300px;margin:auto;padding:35px 4%}.demo-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.demo-heading h1{font-size:36px;letter-spacing:-1.2px;margin:12px 0}.demo-heading p{margin:0}.demo-heading .actions{flex-wrap:wrap;gap:10px}.demo-tabs{display:flex;gap:10px;margin:23px 0;flex-wrap:wrap}.demo-tabs button[aria-pressed=true]{background:#08796d;color:white}.demo-tabs span{font-size:12px;margin-left:6px}#notice{margin-top:23px;padding:12px 17px;background:#e5eedf;border-radius:10px;font-size:13px}#notice.error{background:#fff0df;color:#823c16}.sale-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:23px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.product{padding:12px;text-align:left;background:#fff;display:flex;flex-direction:column;min-height:210px}.product img{width:100%;height:112px;object-fit:contain}.product strong{font-size:15px}.product small{font-size:11px;color:#536a64}.product .price{font-weight:700;color:#08796d;margin-top:auto}.panel{background:#fff;border:1px solid #dce6d8;border-radius:17px;padding:23px}.panel h2{font-size:23px;letter-spacing:-.4px;margin:0 0 18px}.cart-row,.summary-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e1e8dd;padding:11px 0;font-size:14px}.qty{display:flex;align-items:center;gap:9px}.qty button{padding:3px 9px}.cart-actions{display:grid;gap:12px;margin-top:18px}.cart-actions select{padding:10px;border:1px solid #bdcec3;border-radius:9px;width:100%;background:white}.cart-total{font-size:23px;display:flex;justify-content:space-between;margin:18px 0}.empty{padding:40px 10px;text-align:center;color:#536a64}.account{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #e1e8dd;padding:18px 0}.account small{display:block;color:#536a64}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid #dce6d8}th{color:#536a64;font-size:12px}.cash-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.stat-grid div{padding:18px;background:#e7efdf;border-radius:12px}.stat-grid strong{display:block;font-size:24px}.stat-grid span{font-size:12px}.tour{padding:19px 23px;background:#173831;color:white;border-radius:15px;margin:23px 0}.tour p{color:#e0ecdf;margin:5px 0 15px}.tour .eyebrow{color:#bcdfa3}.tour h2{font-size:23px;margin:7px 0}.tour-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tour-controls small{margin-left:auto}.tour-target{outline:3px solid #d7a54d;outline-offset:5px}dialog{border:1px solid #c7d8c8;border-radius:18px;max-width:530px;width:92%;padding:30px;color:#173831}dialog::backdrop{background:#15352b99}.close{position:absolute;right:12px;top:12px;padding:2px 10px;font-size:22px}.receipt{text-align:center;padding:10px 15px}.receipt h2{font-size:25px}.receipt table{font-size:12px}.receipt .demo-stamp{font-size:11px;letter-spacing:1px;color:#08796d;border:1px dashed;padding:10px;margin:16px 0}.receipt .summary-row{font-size:14px}.history-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce6d8;padding:10px 0}.history-item button{padding:6px 10px;font-size:12px}@media(max-width:800px){.demo-heading{display:block}.sale-layout,.cash-layout{grid-template-columns:1fr}.demo-label{display:none}.products{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:1fr}.demo-heading h1{font-size:29px}.demo-tabs{gap:7px}.demo-tabs button{padding:9px 12px}.account{align-items:flex-start;flex-direction:column}}