*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#172033}header{height:68px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:10}.brand{color:white;text-decoration:none;font-size:23px;font-weight:800}nav{display:flex;gap:8px}nav button{background:transparent;color:#dbe4f0;border:0;padding:9px;cursor:pointer}.wrap{max-width:1180px;margin:auto;padding:30px 5%}.hero{background:linear-gradient(120deg,#dbeafe,#eef2ff);padding:45px 6%;border-radius:20px;margin-bottom:30px}.hero h1{font-size:clamp(35px,6vw,62px);margin:10px 0}.hero p{max-width:650px;font-size:18px;color:#475569}.btn{border:0;border-radius:10px;padding:11px 16px;background:#2563eb;color:white;font-weight:700;cursor:pointer}.search{padding:13px;border:1px solid #d7dce5;border-radius:10px;width:min(500px,100%)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.filters select,.form input,.form select,.form textarea{padding:12px;border:1px solid #d7dce5;border-radius:9px;background:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:17px}.card{background:white;border:1px solid #e5e8ef;border-radius:15px;overflow:hidden}.pic{height:145px;background:#e9edf3;display:grid;place-items:center;font-size:55px}.body{padding:14px}.price{font-size:20px;font-weight:800}.muted{color:#64748b;font-size:13px}.panel{background:white;border:1px solid #e5e8ef;border-radius:15px;padding:22px;margin-bottom:20px}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form textarea{grid-column:1/-1;min-height:100px}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#fff;padding:18px;border:1px solid #e5e8ef;border-radius:13px}.stat strong{font-size:25px}.row{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #eee;padding:14px 0}.danger{background:#fee2e2;color:#991b1b;border:0;border-radius:8px;padding:8px}.modal{position:fixed;inset:0;background:#0008;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modalbox{background:white;border-radius:15px;padding:24px;width:min(430px,100%)}#toast{position:fixed;bottom:20px;right:20px;background:#111827;color:white;padding:12px 17px;border-radius:9px;display:none}@media(max-width:700px){nav button{font-size:11px;padding:5px}.form,.statgrid{grid-template-columns:1fr}.hero{padding:30px 20px}}