*{box-sizing:border-box}body{margin:0;font:15px system-ui,Arial;background:#f3f7fc;color:#142b49}header{background:#1263cf;color:#fff;padding:22px 16px;border-radius:0 0 20px 20px}header h1{margin:0;font-size:23px}header p{margin:5px 0}main{max-width:900px;margin:auto;padding:16px 16px 90px}.card{background:white;border:1px solid #e0e8f2;border-radius:16px;padding:15px;margin-bottom:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.wrap{display:flex;flex-wrap:wrap;gap:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.product{background:white;border-radius:15px;padding:12px;border:1px solid #e0e8f2}.photo{height:115px;background:#edf3fa;border-radius:12px;display:grid;place-items:center;font-size:40px;overflow:hidden}.photo img{width:100%;height:100%;object-fit:contain}.name{font-weight:700;margin-top:9px}.price{color:#1263cf;font-weight:700;margin-top:6px}.muted{color:#64748b;font-size:13px}input,select{width:100%;padding:11px;border:1px solid #cad8e8;border-radius:10px;font:inherit;min-width:0}button{background:#1263cf;border:0;color:#fff;border-radius:10px;padding:11px 14px;cursor:pointer;font:inherit}button:disabled{background:#a7b5c7;cursor:not-allowed}.chip{background:white;border:1px solid #cad8e8;color:#142b49;border-radius:20px}.chip.active{background:#1263cf;color:white}.error{color:#b42318}.success{color:#16703b}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.toolbar>*{flex:1}.bottom{position:fixed;bottom:0;left:0;right:0;background:white;padding:12px;border-top:1px solid #e0e8f2;text-align:center}.bottom button{width:min(100%,850px)}.hide{display:none!important}.itemrow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #e6edf5}.section-title{margin:18px 0 10px}label{display:block;margin:10px 0 5px;font-size:13px;font-weight:600}.hint{font-size:12px;color:#64748b}.danger{background:#b42318}a{color:#1263cf}