:root{--fond:#F3F5F8;--surface:#FFFFFF;--surface-2:#EDF0F6;--filet:#D5DAE8;--filet-fort:#B9C0D6;--encre:#101426;--encre-2:#39415C;--muet:#5D6684;--evolife:#1D3FB8;--evolife-doux:#E4E9FA;--midas:#9A6E12;--midas-doux:#F7EEDA;--jimmy:#1E7766;--jimmy-doux:#DDF1EC;--succes:#2E7D4F;--succes-doux:#E1F2E7;--attention:#A5680E;--attention-doux:#FBEFD9;--danger:#B23A3A;--danger-doux:#F8E1E1;--ombre:0 1px 2px rgba(16,20,38,.06),0 8px 24px rgba(16,20,38,.08);--police:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--police-chiffres:"IBM Plex Mono",ui-monospace,Menlo,monospace}@media (prefers-color-scheme:dark){:root{--fond:#0E1320;--surface:#161D2D;--surface-2:#1D2638;--filet:#2A3448;--filet-fort:#3A465E;--encre:#E8ECF5;--encre-2:#B3BCD1;--muet:#8791AA;--evolife:#8CA4F5;--evolife-doux:#1C2750;--midas:#E0B55C;--midas-doux:#352B17;--jimmy:#5CC7AF;--jimmy-doux:#15332D;--succes:#6FCB93;--succes-doux:#173324;--attention:#E8B45B;--attention-doux:#382A13;--danger:#EE8A8A;--danger-doux:#3A1C1C}}*{box-sizing:border-box}body,html{margin:0}body{background:var(--fond);color:var(--encre);font-family:var(--police);font-size:14px;line-height:1.5;padding-inline:16px}.chiffre{font-family:var(--police-chiffres);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}h1,h2,h3{margin:0;text-wrap:balance}:focus-visible{outline:2px solid var(--evolife);outline-offset:2px}.cadre{max-width:1180px;margin:0 auto;padding-block:20px 48px}.marque{display:inline-flex}.marque i{width:12px;height:28px;border-radius:3px;display:block}.marque i:first-child{background:var(--evolife)}.marque i:nth-child(2){background:var(--jimmy);margin-left:-3px}.marque i:nth-child(3){background:var(--midas);margin-left:-3px}.entete{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.entete h1{font-size:22px}.entete .sous{color:var(--muet);font-size:12px}.qui{font-size:13px;color:var(--encre-2)}.tuiles{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.tuile{background:var(--surface);border-radius:12px;padding:14px 16px;border:1px solid var(--filet);border-top:3px solid var(--c,var(--encre))}.tuile .lib{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muet);font-weight:700}.tuile .val{font-family:var(--police-chiffres);font-size:24px;font-weight:600;margin-top:4px}.panneau{background:var(--surface);border:1px solid var(--filet);border-radius:12px;padding:16px}.avis{font-size:13px;color:var(--encre-2);background:var(--surface-2);border-radius:8px;padding:10px 12px;margin:12px 0 0}.avis-erreur{color:var(--danger);background:var(--danger-doux)}table{width:100%;border-collapse:collapse;font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muet);text-align:left;padding:8px 10px}td,th{border-bottom:1px solid var(--filet)}td{padding:9px 10px}.d{text-align:right}.connexion{min-height:100vh;display:grid;place-items:center;padding-block:24px}.carte{width:min(440px,100%);background:var(--surface);border:1px solid var(--filet);border-radius:16px;padding:28px;box-shadow:var(--ombre)}.carte h1{font-size:24px;margin:14px 0 4px}.carte .sous{color:var(--encre-2);margin:0 0 18px}.pile{display:flex;flex-direction:column;gap:10px}.etiquette{font-size:12px;font-weight:600;color:var(--encre-2)}.champ{font:inherit;color:inherit;background:var(--surface);border:1px solid #8590b6;border-radius:8px;padding:10px 12px}.bouton{font:inherit;font-weight:600;background:var(--evolife);color:#fff;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}.bouton:disabled{opacity:.6;cursor:default}@media (max-width:860px){.tuiles{grid-template-columns:1fr 1fr}}