:root{font-family:system-ui,sans-serif;color:#1f2328;background:#f6f7f9;--accent: #2457c5;--bordure: #d0d7de}body{margin:0}.page main{max-width:960px;margin:0 auto;padding:24px 16px}.entete{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#fff;border-bottom:1px solid var(--bordure)}.marque{font-weight:600;color:inherit;text-decoration:none}.utilisateur{display:flex;gap:12px;align-items:center}.carte{background:#fff;border:1px solid var(--bordure);border-radius:8px;padding:16px}.connexion{max-width:360px;margin:15vh auto;display:grid;gap:12px}.connexion label{display:grid;gap:4px}.ligne{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ligne input{flex:1;min-width:200px}input,select,button{font:inherit;padding:6px 10px;border:1px solid var(--bordure);border-radius:6px}button{background:var(--accent);color:#fff;border-color:var(--accent);cursor:pointer}button.lien{background:none;color:var(--accent);border:none;padding:0}.liste{list-style:none;padding:0}.liste li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--bordure)}.etiquette{font-size:.85em;color:#57606a}.erreur{color:#b42318}.centre{text-align:center;margin-top:20vh}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--bordure)}textarea{font:inherit;padding:6px 10px;border:1px solid var(--bordure);border-radius:6px;width:100%;box-sizing:border-box}button:disabled{opacity:.5;cursor:default}button.secondaire{background:#fff;color:var(--accent);margin-right:8px}button.danger,button.lien.danger{color:#b42318}.onglets{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--bordure);margin:16px 0}.onglets a{padding:8px 14px;color:inherit;text-decoration:none;border-bottom:2px solid transparent}.onglets a.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.marge{margin-top:20px}.formulaire{display:grid;gap:12px}.formulaire label{display:grid;gap:4px}.formulaire .ligne{margin-bottom:0}.formulaire .ligne label.large{flex:1}fieldset{border:1px solid var(--bordure);border-radius:6px;display:flex;flex-wrap:wrap;gap:4px 16px}label.case{display:flex;align-items:center;gap:6px}.actions{display:inline-flex;flex-wrap:wrap;gap:12px;align-items:center}ol .actions{margin-left:16px}.droite{text-align:right}.bandeau{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.bandeau ul{margin:4px 0 0}.succes{color:#1a7f37}tr.barre td:not(:last-child){text-decoration:line-through;color:#57606a}.titre-actions{display:flex;align-items:baseline;gap:12px}.titre-actions button{margin-left:auto;font-size:.6em}table.erreurs{margin-top:8px;font-size:.9em}h3{margin:0}