body { font-family: system-ui, Arial; margin: 0; background: #f6f7f8; }
header { background: #fff; padding: 12px 16px; border-bottom: 1px solid #ddd; position: sticky; top:0; }
.container { max-width: 980px; margin: 0 auto; padding: 16px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.card { background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; overflow: hidden; }
.card img { width: 100%; height: 160px; object-fit: cover; display:block; background:#eee; }
.card .p { padding: 12px; }
.btn { display:inline-block; padding:10px 12px; border-radius:10px; border:1px solid #ddd; background:#fff; text-decoration:none; color:#111; }
.btn.primary { background:#111; color:#fff; border-color:#111; }
.row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
small.muted { color:#666; }
input, textarea, select { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 10px; background:#fff; box-sizing:border-box; }
table { width:100%; border-collapse: collapse; background:#fff; border:1px solid #e6e6e6; border-radius:12px; overflow:hidden; }
td, th { padding:10px; border-bottom:1px solid #eee; text-align:left; }