:root{--navy:#102338;--copper:#b7784c;--paper:#f4f1ea;--ink:#17212b;--muted:#6f7882;--line:#dcdedc;--red:#ad4d4d;--green:#2d7b62}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.45}
.entete{background:var(--navy);color:#edf2f5;padding:16px 24px;display:flex;align-items:center;gap:12px}
.entete .marque{font-family:Georgia,serif;font-size:1.1rem}
.entete nav{margin-left:auto;display:flex;gap:12px;align-items:center}
.entete a{color:#edf2f5}
.page{max-width:960px;margin:0 auto;padding:24px 16px}
h1{font-family:Georgia,serif;font-weight:500}
.carte{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;max-width:420px;margin:48px auto}
label{display:block;font-size:.8rem;color:var(--muted);margin:12px 0 4px}
input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit}
button{margin-top:16px;background:var(--navy);color:#fff;border:0;border-radius:9px;padding:10px 14px;font:inherit;cursor:pointer}
.erreur{color:var(--red);margin-top:12px}
.succes{color:var(--green);margin-top:12px}
table{width:100%;border-collapse:collapse;background:#fff}
td,th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:.85rem}
.ok{color:var(--green)} .ko{color:var(--red)}