:root{--bg:#f7f7fb;--card:#fff;--accent:#d32f2f}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Noto Sans Bengali',sans-serif;background:var(--bg);margin:0;padding:24px;color:#111}
.container{max-width:820px;margin:0 auto}
h1{text-align:center}
.card{background:var(--card);padding:16px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.06);margin:16px 0}
.card.small{display:flex;justify-content:flex-end}
label{display:block;margin:8px 0}
input,select{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px}
.row{display:flex;gap:8px;margin-top:8px}
button{padding:8px 12px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}
button[disabled]{opacity:0.6}
.donor{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee}
.meta{font-size:0.95rem;color:#333}
.deleteBtn{background:#999}
.badge{background:#eee;padding:4px 8px;border-radius:6px;margin-left:8px}
.notice{font-size:0.9rem;color:#555}

@media (min-width:700px){
  label{max-width:60%}
  .row{justify-content:flex-start}
}