:root{--texte:#1a1a1a;--gris:#6b6b6b;--bord:#e2e2e2;--fond:#fff;--fond-doux:#f7f7f7;--accent:#1f4e79;--alerte:#a12b2b}*{box-sizing:border-box}body{color:var(--texte);background:var(--fond);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}header{border-bottom:1px solid var(--bord);flex-wrap:wrap;align-items:baseline;gap:24px;padding:14px 24px;display:flex}header .titre{margin-right:auto;font-weight:600}header nav{gap:18px;display:flex}header a{color:var(--gris);text-decoration:none}header a:hover,header a.actif{color:var(--accent)}main{max-width:900px;margin:0 auto;padding:28px 24px 80px}h1{margin:0 0 4px;font-size:20px}h2{margin:32px 0 10px;font-size:16px}.sous-titre{color:var(--gris);margin:0 0 24px;font-size:14px}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--gris);border-bottom:1px solid var(--bord);padding:8px 10px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--bord);vertical-align:top;padding:9px 10px}tr:hover td{background:var(--fond-doux)}td a{color:var(--accent);text-decoration:none}td a:hover{text-decoration:underline}input[type=text],input[type=password],input[type=search],select{font:inherit;border:1px solid var(--bord);background:var(--fond);color:var(--texte);border-radius:3px;padding:7px 9px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:3px;padding:7px 14px}button:hover{opacity:.9}button.secondaire{color:var(--accent);background:0 0}button.discret{color:var(--gris);border-color:var(--bord);background:0 0;padding:4px 9px;font-size:13px}button.discret:hover{color:var(--alerte);border-color:var(--alerte)}form.ligne{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;display:flex}form.ligne input[type=text]{min-width:240px}.vide{color:var(--gris);padding:18px 0;font-style:italic}.compteur{color:var(--gris);font-size:13px}.badge{border:1px solid var(--bord);color:var(--gris);border-radius:10px;margin-left:6px;padding:1px 6px;font-size:11px;display:inline-block}.extrait{color:var(--gris);border-left:2px solid var(--bord);margin-top:4px;padding-left:10px;font-size:13px}.connexion{text-align:center;max-width:320px;margin:18vh auto}.connexion form{flex-direction:column;gap:12px;margin-top:18px;display:flex}.erreur{color:var(--alerte);font-size:14px}.grille-listes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;display:grid}