:root{--bg:#eef3fb;--card:#fff;--text:#172033;--muted:#667085;--primary:#1d4ed8;--primary2:#0f172a;--green:#16a34a;--red:#dc2626;--orange:#f59e0b;--border:#dbe4f0;--shadow:0 12px 35px rgba(15,23,42,.10);--radius:22px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;padding-bottom:92px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:18px 18px;background:linear-gradient(135deg,#0f172a,#1e40af);color:white;box-shadow:var(--shadow)}.brand-badge{width:58px;height:58px;border-radius:18px;background:white;color:#0f172a;display:grid;place-items:center;font-weight:900;font-size:23px;letter-spacing:1px}.brand-title{font-weight:850;font-size:18px}.brand-subtitle{font-size:13px;color:#dbeafe;margin-top:3px}.app-shell{max-width:1180px;margin:0 auto;padding:16px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;background:white;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:14px}.hero h1{margin:0 0 8px;font-size:28px}.hero p{margin:0;color:var(--muted);line-height:1.45}.stats-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{border:1px solid var(--border);border-radius:16px;padding:12px;background:#f8fafc}.stat b{font-size:22px}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.toolbar{display:grid;grid-template-columns:1fr 170px;gap:10px;margin:14px 0}.input,.select{width:100%;border:1px solid var(--border);background:white;border-radius:16px;padding:14px 15px;font-size:16px;outline:none}.input:focus,.select:focus{border-color:#93c5fd}.page{display:none}.active-page{display:block}.section-head{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px}.section-head h2{margin:0;font-size:24px}.muted{color:var(--muted);font-size:13px}.chips{display:flex;gap:8px;align-items:center;overflow:auto;padding:2px 0 12px}.chips-inline{display:flex;gap:8px}.chip{border:1px solid var(--border);background:white;border-radius:999px;padding:10px 14px;white-space:nowrap;font-weight:700;color:#334155}.chip.active{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(255,255,255,.65)}.thumb{height:210px;background:#e2e8f0;display:grid;place-items:center;overflow:hidden;position:relative}.thumb img{width:100%;height:100%;object-fit:contain;background:white}.no-photo{color:#64748b;text-align:center;font-weight:800}.badge{position:absolute;top:10px;left:10px;background:var(--orange);color:#111827;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px}.card-body{padding:14px}.card-title{font-weight:850;line-height:1.25;font-size:17px;min-height:42px}.card-meta{color:var(--muted);font-size:13px;margin:7px 0}.price{font-weight:900;font-size:22px;color:var(--green);margin:8px 0}.actions{display:grid;grid-template-columns:1fr 44px;gap:8px}.btn{border:0;border-radius:14px;padding:12px 14px;background:var(--primary);color:white;font-weight:850;font-size:15px;cursor:pointer}.btn.secondary{background:#e2e8f0;color:#0f172a}.btn.danger{background:var(--red)}.fav{border:0;border-radius:14px;background:#fee2e2;color:#be123c;font-size:18px;cursor:pointer}.fav.active{background:#be123c;color:white}.panel{background:white;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:78px;background:white;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);z-index:50;box-shadow:0 -8px 28px rgba(15,23,42,.12)}.nav-btn{border:0;background:white;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:20px;font-weight:800}.nav-btn span{font-size:10.5px}.nav-btn.active{color:var(--primary);background:#eff6ff}.modal{position:fixed;inset:0;z-index:100;background:rgba(15,23,42,.55);padding:16px;display:grid;place-items:center}.modal.hidden{display:none}.modal-card{width:min(760px,100%);max-height:90vh;overflow:auto;background:white;border-radius:26px;box-shadow:0 30px 80px rgba(0,0,0,.30);position:relative}.modal-close{position:sticky;top:10px;float:right;margin:10px;border:0;background:#0f172a;color:white;border-radius:999px;width:38px;height:38px;font-size:24px}.modal-content{padding:18px}.gallery{display:grid;grid-template-columns:1fr;gap:10px}.gallery img{width:100%;max-height:420px;object-fit:contain;background:#f8fafc;border-radius:18px}.toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:#0f172a;color:white;padding:12px 16px;border-radius:999px;box-shadow:var(--shadow);z-index:120}.toast.hidden{display:none}.diagnostic-list{display:grid;gap:8px}.diag-ok{color:var(--green);font-weight:800}.diag-bad{color:var(--red);font-weight:800}@media(max-width:720px){.app-shell{padding:12px}.hero{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.thumb{height:230px}.brand-title{font-size:16px}.hero h1{font-size:23px}.bottom-nav{height:72px}.topbar{padding:14px}.brand-badge{width:50px;height:50px}}