body { font-family: -apple-system, Segoe UI, Arial, sans-serif; background:#f4f4f5; color:#1a1a1a; margin:0; padding:1.5rem; }
.topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem; }
.card { background:#fff; border:1px solid #e2e2e2; border-radius:8px; padding:1.25rem; margin-bottom:1rem; max-width:900px; }
.card.narrow { max-width:360px; margin:3rem auto; }
h1 { font-size:1.2rem; margin:0; }
h2 { font-size:1rem; margin-top:0; }
label { display:block; margin-bottom:0.75rem; font-size:0.9rem; }
input, select { display:block; width:100%; box-sizing:border-box; padding:0.5rem; margin-top:0.25rem; border:1px solid #ccc; border-radius:4px; }
button { padding:0.5rem 1rem; border:1px solid #333; background:#1a1a1a; color:#fff; border-radius:4px; cursor:pointer; }
button.link { background:none; color:#333; border:none; text-decoration:underline; padding:0; }
button.danger { background:#b3261e; border-color:#b3261e; margin-left:0.5rem; }
table { width:100%; border-collapse:collapse; }
th, td { text-align:left; padding:0.5rem; border-bottom:1px solid #eee; font-size:0.9rem; }
.error { color:#b3261e; }
.success { color:#1e7e34; }
.hint { font-size:0.8rem; color:#666; }