:root {
  --bg: #0b0b0d;
  --card: #141418;
  --text: #f6f6f9;
  --muted: #b7b8be;
  --accent: #e11d48; /* rose/rouge */
}

*{box-sizing:border-box}
body {
  margin: 0; font-family: system-ui, Arial, sans-serif; background: radial-gradient(1200px 800px at 20% 0%, #1a1a22 0, var(--bg) 60%); color: var(--text);
}
.container { max-width: 980px; margin: 32px auto; padding: 0 16px; }
.header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.h1 { font-size: 28px; font-weight: 800; letter-spacing: .2px; }
.btn {
  display:inline-block; padding:10px 14px; border-radius:12px; text-decoration:none; color:white; background: var(--accent);
  transition: transform .05s ease-in-out, filter .2s;
}
.btn:hover { filter: brightness(1.1); transform: translateY(-1px); }
.card {
  background: var(--card); border: 1px solid #242433; border-radius: 16px; padding: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.grid { display:grid; gap:16px; grid-template-columns: repeat(12, 1fr); }
.col-12{grid-column:span 12}
.col-6{grid-column:span 6}
@media (max-width: 800px){ .col-6{grid-column:span 12} }
label { display:block; margin:8px 0 6px; color: var(--muted); font-size: 14px; }
input[type="text"], input[type="number"], textarea {
  width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid #2a2a39; background:#101019; color: var(--text);
}
textarea { min-height: 120px; resize: vertical; }
.form-row { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
@media (max-width: 640px){ .form-row{ grid-template-columns: 1fr; } }
.badge {
  display:inline-block; padding: 4px 10px; border-radius: 999px; font-size: 12px; border:1px solid #2a2a39; color: var(--muted);
}
.status-proposed { background: #1b2836; color: #9cc2ff; }
.status-accepted { background: #152a1b; color: #8de7a7; }
.table { width:100%; border-collapse: collapse; }
.table th, .table td { padding:12px; border-bottom:1px solid #232333; text-align:left; vertical-align: top; }
.table th { color: var(--muted); font-weight:600; }
.row-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
input[type="submit"] { cursor: pointer; }

.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}
.nav a{color:var(--text);text-decoration:none;padding:6px 10px;border:1px solid #2a2a39;border-radius:999px}
.nav .right{margin-left:auto}
.flash{margin:12px 0;padding:10px;border-radius:12px;background:#132114;color:#a6f3b0;border:1px solid #27422b}
.err{background:#2a1616;color:#ffb4b4;border-color:#5a2626}