:root{font-family:Inter,"Noto Sans Thai",system-ui,sans-serif;color:#18212f;background:#edf1f5}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}header{height:68px;padding:0 24px;background:#111827;color:white;display:flex;align-items:center;justify-content:space-between}header b{font-size:25px;letter-spacing:.03em}.badge{margin-left:12px;background:#f59e0b;color:#231700;padding:5px 9px;border-radius:7px;font-size:12px;font-weight:800}.status{display:flex;align-items:center;gap:9px}.status i{width:9px;height:9px;background:#f59e0b;border-radius:50%}.status.online i{background:#22c55e}.status small{opacity:.5;margin-left:10px}main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.75fr);min-height:calc(100vh - 132px)}.sale{padding:22px}.search{background:white;border:2px solid #d8dee7;border-radius:15px;height:60px;display:flex;align-items:center;padding:0 16px;box-shadow:0 5px 18px #1720330d}.search span{font-size:29px}.search input{flex:1;border:0;outline:0;font-size:18px;padding:0 13px}.search button,.ghost{border:0;background:#eef2f7;border-radius:9px;padding:9px 13px;color:#4b5563}.filters{display:flex;gap:9px;margin:17px 0;overflow:auto}.filters button{border:1px solid #d8dee7;background:white;border-radius:99px;padding:9px 15px;white-space:nowrap}.filters .active{background:#111827;color:white;border-color:#111827}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:13px}.empty{grid-column:1/-1;text-align:center;color:#7b8492;padding:70px 20px}.empty strong{color:#334155;font-size:18px}.cart{background:white;border-left:1px solid #dce1e8;display:flex;flex-direction:column}.cart-title{padding:21px;border-bottom:1px solid #e6e9ee;display:flex;justify-content:space-between;align-items:center}.cart-title h1{margin:3px 0 0;font-size:24px}.cart-title small{color:#798290}.cart-items{flex:1;min-height:230px}.totals{border-top:1px solid #e4e8ee;padding:17px 21px}.totals>div{display:flex;justify-content:space-between;margin:9px 0}.totals .grand{font-size:23px;border-top:1px dashed #d1d7df;padding-top:14px;margin-top:14px}.grand b{color:#d97706}.actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding:0 20px 20px}.actions button{height:58px;border:0;border-radius:12px;font-weight:800}.hold{background:#e9edf3}.pay{background:#f59e0b;color:#241800}.actions button:disabled{opacity:.42}nav{height:64px;background:#111827;color:#9ca3af;display:flex;justify-content:center;gap:6px}nav button{border:0;background:transparent;color:inherit;padding:0 22px;font-weight:700}nav .active{color:#fbbf24;border-top:3px solid #fbbf24}#toast{position:fixed;left:50%;bottom:82px;transform:translateX(-50%);background:#111827;color:white;border-radius:10px;padding:12px 18px;display:none}@media(max-width:800px){main{grid-template-columns:1fr}.sale{padding:14px}.cart{border-left:0;border-top:1px solid #ddd}.products{min-height:150px}.empty{padding:35px 10px}header{padding:0 14px}.status span{display:none}nav{position:sticky;bottom:0;overflow:auto;justify-content:flex-start}nav button{min-width:110px;padding:0 9px}}