*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f3f4f6;color:#111827}.hidden{display:none!important}.screen{min-height:100vh;padding:28px 18px;display:grid;place-content:center}.brand{text-align:center;margin-bottom:18px}.logo{width:68px;height:68px;border-radius:18px;background:#111827;color:white;display:grid;place-items:center;font-size:26px;font-weight:800;margin:auto}.brand h1{margin:12px 0 2px}.brand p{margin:0;color:#6b7280}.card{background:white;border-radius:18px;padding:18px;box-shadow:0 8px 30px #00000012}.card label{display:block;margin-bottom:12px;font-weight:600}input,select,textarea{width:100%;padding:13px;border:1px solid #d1d5db;border-radius:12px;font-size:16px;background:white}label input,label select,label textarea{margin-top:5px}button{border:0;border-radius:12px;padding:12px 16px;font-weight:700;background:#111827;color:white}.card>button{width:100%;font-size:16px}.card small{display:block;color:#6b7280;margin-top:12px;line-height:1.4}.error{color:#b91c1c;margin-top:10px}header{position:sticky;top:0;z-index:5;background:#111827;color:white;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}header small{display:block;opacity:.7;margin-top:2px}header button{background:#374151;padding:8px 11px}main{padding:14px;padding-bottom:90px;max-width:850px;margin:auto}nav{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;position:fixed;bottom:0;left:0;right:0;background:white;padding:8px;box-shadow:0 -4px 16px #0001;z-index:10}nav button{background:white;color:#4b5563;padding:9px 3px;font-size:12px}nav button.active{background:#111827;color:white}.page{display:none}.page.active{display:block}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.metrics article{background:white;border-radius:16px;padding:16px}.metrics small{display:block;color:#6b7280}.metrics b{font-size:22px;display:block;margin-top:5px}.item{background:white;border-radius:14px;padding:14px;margin:9px 0}.item b{display:block}.item small{display:block;color:#6b7280;margin-top:3px}.row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.price{font-weight:800;white-space:nowrap}.pageTitle{display:flex;justify-content:space-between;align-items:center}.pageTitle h2{margin:8px 0 12px}.primary{background:#111827}.small{padding:9px 12px}.searchRow{display:grid;grid-template-columns:1fr 52px;gap:8px}.iconBtn{font-size:22px;padding:8px}.loading{position:fixed;inset:0;background:#111827dd;color:white;z-index:99;display:grid;place-items:center;font-weight:700}.modal{position:fixed;inset:0;background:#0008;z-index:40;padding:18px;display:grid;place-items:end center}.modalBox{width:min(700px,100%);max-height:92vh;overflow:auto;background:#f9fafb;border-radius:20px 20px 10px 10px;padding:16px}.modalHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:20px}.modalHead button{background:#e5e7eb;color:#111827;padding:7px 12px;font-size:20px}.formGrid{display:grid;gap:10px}.formGrid label{font-weight:600;font-size:14px}.cartItem{display:grid;grid-template-columns:1fr 80px 105px 38px;gap:7px;align-items:center;background:white;padding:10px;border-radius:12px;margin:7px 0}.cartItem input{padding:9px}.cartItem button{padding:7px;background:#fee2e2;color:#991b1b}.totalBox{font-size:20px;font-weight:800;text-align:right;margin:14px 0}.productPick{background:white;padding:10px;border-radius:12px;margin:7px 0;display:flex;justify-content:space-between;align-items:center;gap:8px}.productPick button{padding:8px 10px}.scanner{position:fixed;inset:0;background:#000;z-index:100}.scanner video{width:100%;height:100%;object-fit:cover}.scanFrame{position:absolute;left:10%;right:10%;top:35%;height:24%;border:3px solid white;border-radius:18px;box-shadow:0 0 0 9999px #0005}.scanBottom{position:absolute;left:0;right:0;bottom:30px;color:white;text-align:center;padding:20px}.scanBottom button{display:block;margin:14px auto;background:white;color:#111827}.toast{position:fixed;left:50%;bottom:95px;transform:translateX(-50%);background:#111827;color:white;padding:12px 18px;border-radius:12px;z-index:120;max-width:90%;text-align:center}.convertBtn{width:100%;margin-top:12px;background:#0f766e;color:white;padding:11px 14px;border-radius:11px;font-weight:800}@media(min-width:700px){nav{position:static;margin-bottom:16px;border-radius:14px}.screen{padding:40px}.card{width:420px}.metrics{grid-template-columns:repeat(4,1fr)}.modal{place-items:center}.modalBox{border-radius:20px}}