body { font-family: Arial, sans-serif; background:#f4f4f4; margin:0; padding:30px; }
.card { max-width:560px; background:#fff; padding:18px; border-radius:12px; margin:auto; box-shadow:0 2px 10px rgba(0,0,0,.1); }
h1 { margin:0 0 8px 0; }
.muted { color:#666; }
.row { margin:12px 0; }
label { display:block; font-size:14px; margin-bottom:6px; }
input, textarea { width:100%; padding:10px; border:1px solid #ccc; border-radius:10px; box-sizing:border-box; }
hr { border:0; border-top:1px solid #eee; margin:16px 0; }
.btn, .btnPrimary { display:inline-block; padding:10px 14px; border:0; border-radius:10px; cursor:pointer; text-decoration:none; text-align:center; }
.btn { background:#e9e9e9; color:#111; }
.btnPrimary { background:#0b5; color:#fff; }
.grid { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.list { margin-top:14px; }
.item { padding:12px; border:1px solid #ddd; border-radius:12px; margin-bottom:10px; }
.smallActions { display:flex; gap:10px; align-items:center; margin-top:8px; flex-wrap:wrap; }
code { background:#f2f2f2; padding:2px 6px; border-radius:6px; }