*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#111827;font:15px system-ui,sans-serif}button,input,textarea,select{font:inherit}header{position:sticky;top:0;z-index:10;height:60px;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:0 15px}.brand{border:0;background:none;font-size:25px;font-weight:900}.page{display:none;max-width:900px;margin:auto;padding:16px 15px 100px}.page.active{display:block}.hero{padding:28px;border-radius:24px;background:linear-gradient(135deg,#111827,#374151);color:#fff}.hero h1{font-size:38px;margin:12px 0}.search{background:#fff;border:1px solid #ddd;border-radius:15px;margin:15px 0;padding:12px}.search input{width:100%;border:0;outline:0}.chips{display:flex;gap:7px;overflow:auto}.chip,.payments button{border:1px solid #ddd;background:#fff;border-radius:999px;padding:8px 12px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:17px;overflow:hidden}.card img{width:100%;aspect-ratio:1;object-fit:cover;background:#eee}.card div{padding:9px}.card h3{margin:0 0 5px}.price{font-weight:900}.primary,.secondary,.danger{border:0;border-radius:12px;padding:11px 14px;font-weight:800}.primary{background:#111827;color:#fff}.secondary{background:#e9edf3;color:#111827}.danger{background:#dc2626;color:#fff}.full{width:100%;margin-top:8px}.profile,.wallet,.box,.status,.order{background:#fff;border:1px solid #e5e7eb;border-radius:17px;padding:16px;margin-bottom:10px}.avatar{font-size:48px}.menu{width:100%;text-align:left;border:0;background:#fff;padding:16px;border-radius:13px;margin:4px 0}.banner{width:100%;height:150px;object-fit:cover;border-radius:14px;background:#e5e7eb}.store{display:flex;gap:12px;align-items:center;margin:12px 0}.store img{width:70px;height:70px;object-fit:cover;border-radius:18px;background:#eee}.wallet strong{font-size:28px;display:block}.status{text-align:center}.status div{font-size:42px}.status strong{font-size:28px}.qr{max-width:280px;width:100%}.hidden{display:none!important}.total,.row,.sheetHead,.orderHead{display:flex;justify-content:space-between;align-items:center}.payments{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payments button.selected{border:2px solid #111827}.sheet{display:none;position:fixed;z-index:50;left:50%;bottom:0;transform:translateX(-50%);width:min(680px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:18px}.sheet.show{display:block}.sheet input,.sheet textarea,.sheet select{width:100%;padding:11px;margin:5px 0 9px;border:1px solid #ccc;border-radius:11px}.sheetHead button{border:0;border-radius:50%;width:34px;height:34px}.sheetHead{margin-bottom:10px}#overlay{display:none;position:fixed;z-index:40;inset:0;background:#0008}#overlay.show{display:block}nav{position:fixed;z-index:30;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;display:flex;justify-content:space-around;padding:7px}nav button{border:0;background:none;font-size:19px}nav small{display:block;font-size:10px}#toast{position:fixed;z-index:100;bottom:75px;left:50%;transform:translate(-50%,20px);background:#111827;color:#fff;padding:10px 15px;border-radius:11px;opacity:0;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats div{background:#fff;padding:15px;text-align:center;border-radius:14px}.stats b,.stats small{display:block}@media(min-width:700px){.grid{grid-template-columns:repeat(4,1fr)}}