:root{--vert: #5E9E1E;--vert-fonce: #497A17;--vert-clair: #EBF5DB;--orange: #F39200;--rouge: #D7263D;--rouge-clair: #FBE7EA;--ambre: #E59500;--ambre-clair: #FCF3E2;--encre: #121826;--encre-doux: #6B7280;--bord: #E5E7EB;--fond: #F5F7FB;--carte: #FFFFFF;--ombre: 0 1px 2px rgba(18, 24, 38, .05), 0 8px 24px -18px rgba(18, 24, 38, .4)}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--encre);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.muet{color:var(--encre-doux)}.rouge{color:var(--rouge)}.vert{color:var(--vert)}.connexion{min-height:100vh;display:grid;place-items:center;padding:24px}.connexion form{background:var(--carte);padding:34px;border-radius:16px;box-shadow:var(--ombre);width:100%;max-width:380px}.connexion h1{font-size:22px;margin:0 0 4px;text-align:center}.connexion p.sous{margin:0 0 24px;color:var(--encre-doux);font-size:14px;text-align:center}label{display:block;font-size:13px;color:var(--encre-doux);margin:14px 0 5px}input{width:100%;padding:10px 12px;border:1px solid var(--bord);border-radius:9px;font:inherit;background:var(--fond);color:var(--encre)}input:focus{outline:2px solid var(--vert);outline-offset:1px;border-color:var(--vert)}button.principal{width:100%;margin-top:20px;padding:11px;border:0;border-radius:9px;background:var(--vert);color:#fff;font:inherit;font-weight:600;cursor:pointer}button.principal:hover{background:var(--vert-fonce)}button.principal:disabled{opacity:.55;cursor:default}.erreur{margin-top:16px;padding:10px 12px;border-radius:9px;background:var(--rouge-clair);color:var(--rouge);font-size:13px}header.barre{background:var(--carte);border-bottom:1px solid var(--bord);padding:0 24px;display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:10}.marque{padding:12px 0;white-space:nowrap;display:flex;align-items:center;gap:10px}.marque img{border-radius:6px;display:block}.marque .mot{display:flex;flex-direction:column;font-weight:800;font-size:18px;line-height:1.04;letter-spacing:-.3px}.marque .mot span:first-child{color:var(--vert)}.marque .mot span:last-child{color:var(--orange)}nav{display:flex;gap:2px;flex:1;flex-wrap:wrap}nav button{border:0;background:none;font:inherit;color:var(--encre-doux);padding:18px 14px;cursor:pointer;border-bottom:2px solid transparent}nav button:hover{color:var(--encre)}nav button[aria-current=page]{color:var(--vert-fonce);font-weight:600;border-bottom-color:var(--vert)}.qui{text-align:right;font-size:13px;line-height:1.35;padding:10px 0}.qui strong{display:block}.qui button{border:0;background:none;color:var(--encre-doux);font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}main{padding:24px;max-width:1400px;margin:0 auto}.entete{display:flex;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}.entete h1{font-size:21px;margin:0}.entete p{margin:2px 0 0;color:var(--encre-doux);font-size:14px}.entete .actions{margin-left:auto;display:flex;gap:8px}button.secondaire{padding:8px 14px;border:1px solid var(--bord);border-radius:8px;background:var(--carte);font:inherit;font-size:14px;cursor:pointer;color:var(--encre)}button.secondaire:hover{border-color:var(--vert);color:var(--vert-fonce)}.entete .actions select{padding:8px 12px;border:1px solid var(--bord);border-radius:8px;background:var(--carte);font:inherit;font-size:14px;color:var(--encre);cursor:pointer;max-width:100%}.entete .actions select:hover{border-color:var(--vert)}.tuiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.tuile{background:var(--carte);border:1px solid var(--bord);border-radius:12px;padding:16px}.tuile .lib{font-size:12px;color:var(--encre-doux);text-transform:uppercase;letter-spacing:.06em}.tuile .val{font-size:25px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}.tuile .note{font-size:12px;color:var(--encre-doux);margin-top:4px}.bandeau{background:var(--carte);border:1px solid var(--bord);border-radius:12px;padding:18px 20px;margin-bottom:20px;display:flex;gap:28px;flex-wrap:wrap;align-items:flex-end}.bandeau .lib{font-size:12px;color:var(--encre-doux);text-transform:uppercase;letter-spacing:.06em}.bandeau .chiffre{font-size:36px;font-weight:800;letter-spacing:-1px;margin-top:2px}.bandeau .sous{font-size:20px;font-weight:700;margin-top:4px}.bandeau .note{font-size:12px;color:var(--encre-doux);margin-top:3px}.bandeau .separe{border-left:1px solid var(--bord);padding-left:24px}.courbe{background:var(--carte);border:1px solid var(--bord);border-radius:12px;padding:16px 8px 6px;margin-bottom:20px}.courbe h2{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--encre-doux);margin:0 0 4px 12px;font-weight:600}.cadre{background:var(--carte);border:1px solid var(--bord);border-radius:12px;overflow:hidden}.defilement{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--encre-doux);padding:11px 14px;background:var(--fond);border-bottom:1px solid var(--bord);white-space:nowrap;position:sticky;top:0}th.tri{cursor:pointer;-webkit-user-select:none;user-select:none}th.tri:hover{color:var(--encre)}td{padding:11px 14px;border-bottom:1px solid var(--bord)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--fond)}tfoot td{background:var(--fond);font-weight:600;border-top:1px solid var(--bord);border-bottom:0}.ref{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;color:var(--vert-fonce);white-space:nowrap}.etat{font-size:11.5px;padding:3px 8px;border-radius:99px;white-space:nowrap}.etat.ok{background:var(--vert-clair);color:var(--vert-fonce)}.etat.attente{background:var(--ambre-clair);color:var(--ambre)}.etat.annule{background:var(--rouge-clair);color:var(--rouge)}.filtres{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.filtres input,.filtres select{width:auto;min-width:190px;padding:8px 11px;background:var(--carte);font-size:14px}.puce{padding:7px 13px;border:1px solid var(--bord);border-radius:99px;background:var(--carte);font:inherit;font-size:13.5px;cursor:pointer;color:var(--encre-doux)}.puce[aria-pressed=true]{background:var(--vert-clair);border-color:var(--vert);color:var(--vert-fonce);font-weight:600}.vide{padding:46px 24px;text-align:center;color:var(--encre-doux)}.chargement{padding:46px;text-align:center;color:var(--encre-doux)}.note-bas{margin-top:14px;font-size:12.5px;color:var(--encre-doux);line-height:1.6;max-width:90ch}@media(max-width:760px){header.barre{position:static;display:grid;grid-template-columns:1fr auto;grid-template-areas:"marque qui" "nav    nav";align-items:center;gap:0 12px;padding:10px 14px 0}.marque{grid-area:marque;padding:0;gap:8px}.marque img{width:32px;height:32px}.marque .mot{font-size:16px}.qui{grid-area:qui;padding:0;font-size:12px;line-height:1.3}nav{grid-area:nav;flex-wrap:wrap;gap:6px;margin:10px -14px 0;padding:9px 14px;border-top:1px solid var(--bord)}nav button{padding:7px 12px;border:1px solid var(--bord);border-radius:99px;font-size:13.5px;white-space:nowrap;color:var(--encre-doux)}nav button[aria-current=page]{background:var(--vert-clair);border-color:var(--vert);color:var(--vert-fonce)}main{padding:14px}.entete{display:block;margin-bottom:14px}.entete h1{font-size:19px}.entete p{font-size:13px}.entete .actions{margin:12px 0 0;flex-wrap:wrap}.entete .actions button,.entete .actions select{flex:1 1 140px}.bandeau{gap:14px 22px;padding:16px}.bandeau .chiffre{font-size:30px}.bandeau .separe{border-left:0;padding-left:0}.tuiles{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px}.tuile{padding:12px}.tuile .lib{font-size:11px}.tuile .val{font-size:20px}.filtres{gap:6px}.filtres input,.filtres select{min-width:0;width:100%}.puce{font-size:13px;padding:6px 11px}.defilement{-webkit-overflow-scrolling:touch}th{position:static;padding:9px 11px}td{padding:9px 11px}table{font-size:13px}.note-bas{font-size:12px}}@media(max-width:340px){.tuiles{grid-template-columns:1fr}}.splash{position:fixed;inset:0;z-index:100;background:var(--carte);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;transition:opacity .45s ease}.splash-sortie{opacity:0;pointer-events:none}.splash-centre{width:150px;height:150px;display:grid;place-items:center}.splash-centre>*{grid-area:1 / 1}.splash-anneau{width:150px;height:150px;border-radius:50%;border:5px solid transparent;border-top-color:var(--orange);border-right-color:#8dc63f;animation:splash-tourne 1.1s linear infinite}.splash-embleme{width:104px;height:104px;object-fit:contain;opacity:0;transform:scale(.6);animation:splash-ressort .55s cubic-bezier(.34,1.56,.64,1) forwards}.splash-mot{margin-top:26px;font-size:34px;font-weight:800;letter-spacing:.3px;white-space:nowrap;opacity:0;transform:translateY(14px);animation:splash-monte .5s cubic-bezier(.22,1,.36,1) .55s forwards}.splash-mot span:first-child{color:var(--vert)}.splash-mot span:last-child{color:var(--orange)}.splash-slogan{margin:14px 0 0;font-size:16px;font-style:italic;color:var(--encre-doux);text-align:center;opacity:0;animation:splash-parait .4s ease 1.05s forwards}@keyframes splash-tourne{to{transform:rotate(360deg)}}@keyframes splash-ressort{to{opacity:1;transform:scale(1)}}@keyframes splash-monte{to{opacity:1;transform:translateY(0)}}@keyframes splash-parait{to{opacity:1}}@media(max-width:420px){.splash-centre,.splash-anneau{width:124px;height:124px}.splash-embleme{width:86px;height:86px}.splash-mot{font-size:27px}.splash-slogan{font-size:14px}}@media(prefers-reduced-motion:reduce){.splash-anneau,.splash-embleme,.splash-mot,.splash-slogan{animation:none}.splash-embleme,.splash-mot,.splash-slogan{opacity:1;transform:none}}.connexion .marque{justify-content:center;margin-bottom:20px;padding:0}.connexion .marque .mot{font-size:20px}@media(max-width:420px){.connexion{padding:18px;align-content:center}.connexion form{padding:24px 20px;border-radius:14px}.connexion h1{font-size:20px}.connexion p.sous{margin-bottom:18px}.connexion input{font-size:16px;padding:12px}.connexion button.principal{padding:13px;font-size:16px}}.voile{position:fixed;inset:0;z-index:60;background:#12182673;display:grid;place-items:center;padding:20px;overflow:auto}.panneau{background:var(--carte);border-radius:16px;box-shadow:var(--ombre);padding:28px;width:100%;max-width:420px}.panneau h1{font-size:19px;margin:0 0 4px}.panneau p.sous{margin:0 0 18px;color:var(--encre-doux);font-size:13.5px}.panneau select{width:100%;padding:10px 12px;border:1px solid var(--bord);border-radius:9px;font:inherit;background:var(--fond);color:var(--encre)}button.lien{width:100%;margin-top:10px;padding:8px;border:0;background:none;color:var(--encre-doux);font:inherit;font-size:13.5px;cursor:pointer;text-decoration:underline}.succes{margin:4px 0 18px;padding:12px;border-radius:9px;background:var(--vert-clair);color:var(--vert-fonce);font-size:13.5px}@media(max-width:420px){.voile{padding:28px 12px 12px;align-content:start}.panneau{padding:22px 18px}.panneau input,.panneau select{font-size:16px;padding:12px}}.apercu{margin-top:20px;padding:14px 16px;background:var(--fond);border:1px solid var(--bord);border-radius:10px;font-size:14px}.apercu>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.apercu>div.fort{border-top:1px solid var(--bord);margin-top:6px;padding-top:8px;font-size:15px}.apercu strong{font-variant-numeric:tabular-nums}form.cadre label:first-of-type{margin-top:0}form.cadre select{width:100%;padding:10px 12px;border:1px solid var(--bord);border-radius:9px;font:inherit;background:var(--fond);color:var(--encre)}form.cadre{max-width:560px}@media(max-width:420px){form.cadre{padding:18px!important}form.cadre input,form.cadre select{font-size:16px;padding:12px}}.pastille{display:inline-block;min-width:18px;margin-left:7px;padding:0 5px;background:var(--orange);color:#fff;border-radius:99px;font-size:11px;font-weight:700;line-height:18px;text-align:center;vertical-align:1px}.graphe{padding:20px 20px 8px;margin-bottom:18px}.graphe-tete{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}.graphe-tete h2{margin:0 0 3px;font-size:17px}.graphe-tete p{margin:0;font-size:13px}.graphe-outils{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.onglets-annee{display:inline-flex;gap:2px;padding:2px;background:var(--fond);border:1px solid var(--bord);border-radius:8px}.onglet-annee{font:inherit;font-size:13px;font-weight:600;padding:4px 12px;border:none;background:none;color:var(--encre-doux);border-radius:6px;cursor:pointer}.onglet-annee[aria-pressed=true]{background:var(--vert);color:#fff}.graphe-legende{display:flex;gap:14px;font-size:12.5px;color:var(--encre-doux)}.graphe-legende span{display:inline-flex;gap:6px;align-items:center}.pastille-barre{width:11px;height:11px;border-radius:3px;background:var(--vert)}.pastille-trait{width:15px;height:2.5px;border-radius:2px;background:#b02a63}.graphe-zone{position:relative}.graphe-zone svg{display:block;width:100%;height:auto;overflow:visible}.graphe-grille{stroke:#edeff4;stroke-width:1}.graphe-base{stroke:#d2d6de;stroke-width:1}.graphe-barre{fill:var(--vert);transition:opacity .12s}.graphe-courbe{fill:none;stroke:#b02a63;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.graphe-point{fill:#b02a63;stroke:var(--carte);stroke-width:2}.graphe-repere{stroke:var(--encre-doux);stroke-width:1;stroke-dasharray:3 3;opacity:.45}.graphe-axe{font:500 11px system-ui,sans-serif;fill:var(--encre-doux);font-variant-numeric:tabular-nums}.graphe-axe.commission{fill:#b02a63}.graphe-axe.titre{font-weight:700}.graphe-mois{font:600 11.5px system-ui,sans-serif;fill:var(--encre-doux)}.graphe-bulle{position:absolute;top:14px;pointer-events:none;z-index:3;background:var(--carte);border:1px solid var(--bord);border-radius:9px;box-shadow:var(--ombre);padding:9px 12px;font-size:12.5px;min-width:150px}.graphe-bulle .mois{font-weight:700;margin-bottom:6px}.graphe-bulle .l{display:flex;justify-content:space-between;gap:14px;line-height:1.7}.graphe-bulle .l span:last-child{font-variant-numeric:tabular-nums;font-weight:600}.graphe-bulle .sep{border-top:1px solid var(--bord);margin:5px 0}.graphe-vide{padding:28px;text-align:center;color:var(--encre-doux);margin-bottom:18px}@media(max-width:760px){.graphe{padding:16px 12px 6px}.graphe-tete{gap:10px}.graphe-legende{font-size:12px}.graphe-bulle{left:0!important;transform:none!important}}.case-comptant{margin-top:16px;border:1px solid var(--vert);background:var(--vert-clair);border-radius:10px;padding:13px 15px}.case-comptant .ligne{display:flex;gap:10px;align-items:flex-start}.case-comptant input[type=checkbox]{width:17px;height:17px;margin:2px 0 0;accent-color:var(--vert);flex:none}.case-comptant label{margin:0;font-size:14px;font-weight:600;color:var(--encre)}.case-comptant .sous{font-size:12.5px;color:var(--encre-doux);margin:3px 0 0}.case-comptant .compte{margin-top:12px}.case-comptant .compte label{display:block;font-size:12.5px;color:var(--encre-doux);font-weight:600;margin-bottom:5px}.alerte-droits{background:var(--ambre-clair);border:1px solid var(--ambre);border-left:3px solid var(--ambre);border-radius:12px;padding:14px 18px;margin-bottom:18px;display:flex;flex-direction:column;gap:7px;font-size:13.5px}.alerte-droits .titre{font-weight:700;font-size:14.5px;margin:0}.alerte-droits p{margin:0;line-height:1.5}.alerte-droits .lien-detail{align-self:flex-start;font:inherit;font-size:12.5px;font-weight:600;color:var(--encre-doux);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}.alerte-droits pre{margin:4px 0 0;padding:11px 13px;border-radius:8px;background:#0000000d;overflow-x:auto;font:11.5px/1.6 ui-monospace,SF Mono,Menlo,Consolas,monospace}.avis-avance{margin-top:12px;padding:11px 13px;border-radius:9px;background:var(--ambre-clair);border-left:3px solid var(--ambre);font-size:13px;line-height:1.5;color:var(--encre)}.avis-avance strong{font-weight:700}