*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#111}a{text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 22px}.header{background:#090909;color:#fff;padding:18px 5%;display:flex;justify-content:space-between;align-items:center}.logo{color:#fff;font-weight:800;letter-spacing:2px}.header a{color:#fff;margin-left:18px}.hero{background:#151515;color:#fff;padding:100px 0}.hero h1{font-size:60px;margin:8px 0}.hero p{color:#bbb}.btn{padding:13px 18px;border:0;border-radius:5px;cursor:pointer;font-weight:700}.dark{background:#111;color:#fff}.outline{background:#fff;border:1px solid #bbb;color:#111}.inventory,.admin{padding:55px 22px}.filters,.form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.filters input,.filters select,.form input,.form textarea,.form select,.login input{padding:13px;border:1px solid #ddd}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #ddd}.photo{height:240px;background:#222;color:#fff;display:flex;align-items:center;justify-content:center}.photo img{width:100%;height:100%;object-fit:cover}.body{padding:18px}.meta{color:#666;font-size:13px}.login{max-width:420px;margin:40px auto;display:grid;gap:10px}.adminrow{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border:1px solid #ddd;margin:10px 0}.actions{display:flex;gap:8px}.hidden{display:none!important}@media(max-width:750px){.grid{grid-template-columns:1fr}.filters,.form{grid-template-columns:1fr}.hero h1{font-size:42px}}