*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#202124;font-family:Arial,sans-serif}header{background:#fff;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 5px #ddd}main{max-width:1200px;margin:30px auto;padding:0 20px}.narrow{max-width:700px}.detail{max-width:850px}a{color:#1769e0;text-decoration:none}.btn,button{background:#1769e0;color:#fff;border:0;padding:10px 16px;border-radius:6px;cursor:pointer;text-decoration:none}.danger{background:#c62828}.filters,.actions{display:flex;gap:10px;margin-bottom:22px}.filters input,.filters select{padding:11px;border:1px solid #ccc;border-radius:6px;flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.card{background:#fff;border-radius:10px;overflow:hidden;color:inherit;box-shadow:0 2px 8px #ddd}.card img{width:100%;height:210px;object-fit:cover}.info{padding:14px}.info h2{margin:0 0 7px}.info p{color:#666}.hero{width:100%;max-height:700px;object-fit:contain;background:#111;border-radius:10px;margin-top:20px}.form{background:#fff;padding:20px;border-radius:10px;display:grid;gap:16px;margin-top:20px}.form label{display:grid;gap:7px;font-weight:bold}.form input,.form textarea,.form select{padding:11px;border:1px solid #ccc;border-radius:6px;width:100%;font:inherit}.error{background:#ffe7e7;padding:12px;border-radius:7px}.success{background:#e4f7e8;padding:12px;border-radius:7px;margin:15px 0}.comment{background:#fff;padding:15px;border-radius:8px;margin:10px 0}.comment small{display:block;color:#777}.table-wrap{overflow:auto;background:#fff;border-radius:8px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left}.thumb{width:80px;height:60px;object-fit:cover}.preview{max-width:220px;max-height:160px;object-fit:contain}.inline{display:inline}.empty{text-align:center;padding:50px;color:#777}@media(max-width:650px){.filters,.actions{flex-direction:column}.grid{grid-template-columns:1fr}header{gap:10px;flex-wrap:wrap}}