/* assets/css/style.css */
:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body { margin: 0; background: #f6f7f9; color: #111; }
header { background: #111; color: #fff; padding: 14px 16px; }
header a { color: #fff; text-decoration: none; }
.container { max-width: 1100px; margin: 0 auto; padding: 16px; }

.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 8px rgba(0,0,0,.08); }
.card img { width: 100%; height: 150px; object-fit: cover; display:block; }
.card .pad { padding: 12px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.button { display:inline-block; padding: 10px 12px; border-radius: 10px; background: #111; color:#fff; text-decoration:none; font-weight: 600; }
.button.secondary { background: #444; }

.form { background:#fff; border-radius: 12px; padding: 14px; box-shadow: 0 1px 8px rgba(0,0,0,.08); }
label { display:block; font-weight: 600; margin-top: 10px; }
input[type="text"], input[type="password"], input[type="file"] {
  width: 100%; padding: 10px; border-radius: 10px; border: 1px solid #d7dbe2;
}
small { color:#555; }
.notice { padding: 10px 12px; border-radius: 10px; background: #fff6d5; border: 1px solid #f3d28b; margin-bottom: 12px; }
.error { padding: 10px 12px; border-radius: 10px; background: #ffe1e1; border: 1px solid #ffb3b3; margin-bottom: 12px; }
table { width:100%; border-collapse: collapse; background:#fff; border-radius:12px; overflow:hidden; box-shadow: 0 1px 8px rgba(0,0,0,.08); }
th, td { padding: 10px; border-bottom: 1px solid #eef1f5; text-align:left; vertical-align: top; }
th { background:#111; color:#fff; }
.badge { display:inline-block; padding: 4px 8px; border-radius: 999px; background:#eef1f5; }