*{box-sizing:border-box}body{margin:0;background:#f5f8fc;color:#172033;font:16px/1.5 Arial,sans-serif}header{background:#fff;border-bottom:1px solid #dce5f0}.nav,.container{max-width:1120px;margin:auto;padding:16px 20px}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:800;font-size:21px;color:#145cb7}.nav a{margin-left:16px;text-decoration:none;color:#20334e}.nav a:first-child{margin-left:0}.button{display:inline-block;background:#1268d6;color:#fff!important;border:0;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer;text-decoration:none}.small{padding:7px 12px}.hero{padding:32px 0}.hero h1{font-size:clamp(28px,5vw,46px);margin:0 0 8px}.filters,.form-card,.card,.dashboard{background:#fff;border:1px solid #dce5f0;border-radius:12px;padding:18px}.filters{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.card{padding:0;overflow:hidden}.card img{width:100%;height:170px;object-fit:cover;background:#e8f0fb}.card-body{padding:14px}.card h2{font-size:18px;margin:0 0 5px}.price{font-size:20px;font-weight:800;color:#1268d6}.muted{color:#66758b}.form-card{max-width:720px;margin:28px auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-weight:700;margin-bottom:4px}input,select,textarea{width:100%;padding:10px;border:1px solid #b8c6d8;border-radius:7px;font:inherit}textarea{min-height:110px}.flash{background:#e9f8ed;border:1px solid #9cddb1;padding:10px;border-radius:8px}.error{color:#b42318}.detail{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.detail img{width:100%;max-height:480px;object-fit:cover;border-radius:12px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.thumbs{display:flex;gap:8px;overflow:auto;margin-top:10px}.thumbs img{width:90px;height:65px;object-fit:cover}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.actions{display:flex;gap:8px;flex-wrap:wrap}.danger{background:#bf2d2d}@media(max-width:720px){.nav{align-items:flex-start;flex-direction:column}.nav a{margin:0 10px 0 0}.filters,.form-grid,.detail{grid-template-columns:1fr}.container{padding:14px}.hero{padding:20px 0}}