:root{color:#17211b;background:#f6f8f5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#17211b;background:#f6f8f5;margin:0}a{color:inherit}.shell{max-width:1100px;margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.brand{font-size:22px;font-weight:800;text-decoration:none}.nav{align-items:center;gap:10px;display:flex}.btn{appearance:none;cursor:pointer;color:#fff;background:#1d5d3a;border:0;border-radius:12px;justify-content:center;align-items:center;padding:11px 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn.secondary{color:#1d5d3a;background:#fff;border:1px solid #cfd8d1}.hero{padding:72px 0 50px}.hero h1{letter-spacing:-.04em;max-width:850px;margin:0 0 24px;font-size:clamp(42px,7vw,72px);line-height:.96}.hero p{color:#506157;max-width:720px;font-size:20px;line-height:1.55}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{background:#fff;border:1px solid #dfe6e0;border-radius:18px;padding:22px;box-shadow:0 8px 30px #1d5d3a0d}.auth{max-width:520px;margin:50px auto}.auth h1{font-size:38px}.field{flex-direction:column;gap:6px;margin:14px 0;display:flex}.field label{font-weight:700}.field input,.field select{width:100%;font:inherit;background:#fff;border:1px solid #cbd5ce;border-radius:10px;padding:12px 13px}.error{color:#8a1d1d;background:#fff0f0;border-radius:10px;margin:12px 0;padding:12px}.success{color:#205c32;background:#edf8f0;border-radius:10px;margin:12px 0;padding:12px}.muted{color:#69776e}.dashboard{grid-template-columns:240px 1fr;gap:24px;display:grid}.side{color:#fff;background:#17211b;border-radius:18px;min-height:520px;padding:20px}.side a{padding:9px 0;text-decoration:none;display:block}.stat{font-size:30px;font-weight:800}@media (max-width:760px){.grid,.dashboard{grid-template-columns:1fr}.side{min-height:auto}.topbar{align-items:flex-start}.nav{flex-wrap:wrap;justify-content:flex-end}.hero{padding-top:40px}}.grid.two{grid-template-columns:repeat(2,1fr)}.resultRow{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe6e0;border-radius:10px;width:100%;margin-top:8px;padding:10px 12px;display:block}.productDetail{margin-top:18px}.productHeader{align-items:center;gap:18px;display:flex}.productImage{object-fit:contain;background:#fff;border:1px solid #e3e8e4;border-radius:14px;width:110px;height:110px}.jsonBox{background:#f6f8f5;border-radius:10px;padding:12px;font-size:12px;overflow:auto}@media (max-width:760px){.grid.two{grid-template-columns:1fr}}
