:root { --pad: 16px; --radius: 12px; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:#f7f7f7; margin:0; color:#111; }
.wrap { max-width: 1000px; margin: 24px auto; padding: 0 var(--pad); }
.card { background:#fff; border:1px solid #e5e7eb; border-radius:var(--radius); padding:16px; box-shadow:0 4px 16px rgba(0,0,0,.05); }
h1 { margin:0 0 10px; }
table { width:100%; border-collapse: collapse; }
th, td { border-bottom:1px solid #eee; padding:8px; text-align:left; }
.actions { display:flex; gap:8px; }
input[type=text], input[type=datetime-local], textarea {
  width:100%; padding:8px; border:1px solid #ccc; border-radius:8px; font: inherit;
}
label { font-weight:600; font-size:14px; }
.btn { background:#1E40AF; color:#fff; border:2px solid #1e3a8a; padding:.5rem .9rem; border-radius:999px; text-decoration:none; display:inline-block; }
.btn.secondary { background:#6b7280; border-color:#4b5563; }
.badge { font-size:12px; background:#eef2ff; border:1px solid #dfe3ff; padding:2px 6px; border-radius:999px; }
.flash { background:#ecfeff; border:1px solid #67e8f9; padding:10px; border-radius:10px; margin:10px 0; }