body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.container { max-width: 960px; margin: 24px auto; padding: 0 16px; }
.flash-ok { color: #0a7a2f; background: #e6f6ec; border: 1px solid #bde5c8; padding: 8px 12px; border-radius: 6px; }
.flash-err { color: #9b1c1c; background: #fde8e8; border: 1px solid #fccccc; padding: 8px 12px; border-radius: 6px; }
.card { border: 1px solid #e5e7eb; border-radius: 10px; padding: 16px; margin-bottom: 12px; background:#fff; }
.btn { display:inline-block; padding: 8px 12px; border-radius: 8px; border:1px solid #d1d5db; cursor:pointer; text-decoration:none; }
.btn-primary { background:#1f2937; border-color:#1f2937; color:#fff; }
.btn-danger { background:#b91c1c; border-color:#b91c1c; color:#fff; }
.input { border:1px solid #d1d5db; border-radius:8px; padding:8px 10px; width:100%; }
.list { list-style:none; padding:0; margin:0; }
.list li { display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px dashed #e5e7eb; }