:root {
    --bg: #1a1a1a;
    --card: #242424;
    --gold: #d4af37;
    --text: #eee;
    --border: #3a3a3a;
}
body { background: var(--bg); color: var(--text); font-family: Arial, sans-serif; margin: 0; }
header { background: var(--card); padding: 1rem 2rem; border-bottom: 2px solid var(--gold); display: flex; justify-content: space-between; align-items: center; }
header h1 { color: var(--gold); margin: 0; font-size: 1.4rem; }
nav a { color: var(--text); margin-left: 1rem; text-decoration: none; }
nav a:hover { color: var(--gold); }
main { padding: 2rem; max-width: 900px; margin: auto; }
table { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; }
th, td { padding: 0.5rem 0.7rem; border-bottom: 1px solid var(--border); text-align: left; }
th { color: var(--gold); }
tr.gold, td.gold { color: var(--gold); }
.form-grid { display: grid; gap: 0.8rem; max-width: 500px; margin-bottom: 1.5rem; }
.form-grid label { display: flex; flex-direction: column; font-size: 0.9rem; }
input, select, textarea { background: var(--card); color: var(--text); border: 1px solid var(--border); padding: 0.4rem; border-radius: 4px; }
.btn-gold { background: var(--gold); color: #111; border: none; padding: 0.5rem 1rem; border-radius: 4px; cursor: pointer; text-decoration: none; display: inline-block; }
.btn-danger { background: #7a2020; color: #fff; border: none; padding: 0.3rem 0.6rem; border-radius: 4px; cursor: pointer; }
.flash { background: #33301a; border: 1px solid var(--gold); padding: 0.7rem; margin-bottom: 1rem; border-radius: 4px; }
.simulateur { background: var(--card); border: 1px solid var(--gold); padding: 1rem; border-radius: 6px; margin-top: 1rem; }
.totaux td { font-size: 1.05rem; }
.notes { color: #aaa; font-style: italic; }