:root{--bleu:#0b3d91;--bleu2:#1a56c4;--fond:#f5f7fb;--encre:#1b1f2a;--gris:#6b7280;--ligne:#dfe3ec;--rouge:#b91c1c}
*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--encre);background:var(--fond)}
.top{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--bleu);color:#fff}
.brand{color:#fff;text-decoration:none;font-weight:700;font-size:18px}.brand span{font-weight:400;opacity:.85}
nav a{color:#fff;text-decoration:none;margin-left:18px}nav a.muted{opacity:.7}
main{max-width:1100px;margin:0 auto;padding:24px 16px}
footer{text-align:center;color:var(--gris);font-size:13px;padding:24px}
h1{font-size:24px;margin:0 0 12px}h1 small{color:var(--gris);font-weight:400;font-size:16px;margin-left:8px}
h2{font-size:18px;margin:0 0 12px}
.hero{background:#fff;border:1px solid var(--ligne);border-radius:10px;padding:28px}
.hero h1{color:var(--bleu);font-size:26px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:18px}
.tile{display:block;background:#fff;border:1px solid var(--ligne);border-radius:10px;padding:18px;text-decoration:none;color:inherit}
.tile strong{display:block;font-size:32px;color:var(--bleu)}.tile span{color:var(--gris)}
.card{background:#fff;border:1px solid var(--ligne);border-radius:10px;padding:22px;margin-bottom:20px}
.card.narrow{max-width:400px;margin:40px auto}
label{display:block;margin-bottom:12px;font-size:14px;color:var(--gris)}
input,select,textarea{display:block;width:100%;margin-top:4px;padding:9px 10px;border:1px solid var(--ligne);border-radius:6px;font:inherit;color:var(--encre);background:#fff}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 18px}
.btn{display:inline-block;background:var(--bleu2);color:#fff;border:0;border-radius:6px;padding:9px 16px;font:inherit;text-decoration:none;cursor:pointer}
.btn.ghost{background:#fff;color:var(--bleu2);border:1px solid var(--bleu2)}
.bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.filtres{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filtres input,.filtres select{width:auto;margin:0;min-width:160px}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--ligne);border-radius:10px;overflow:hidden}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--ligne);vertical-align:top;font-size:15px}
th{background:#eef2f9;color:var(--gris);font-weight:600;font-size:13px}
td a{color:var(--bleu2);text-decoration:none}td small{color:var(--gris)}
.vide{text-align:center;color:var(--gris)}
.lien{background:none;border:0;color:var(--rouge);cursor:pointer;font:inherit;font-size:13px;padding:0}
.erreur{color:var(--rouge)}
@media(max-width:700px){.top{flex-direction:column;gap:8px}nav a{margin:0 9px}th:nth-child(n+4),td:nth-child(n+4){display:none}td:last-child,th:last-child{display:table-cell}}