:root{--vert: #1f6f4a;--vert-fonce: #16543a;--vert-clair: #e6f1ea;--orange: #c9781d;--orange-clair: #fdf1e2;--rouge: #b3271e;--rouge-clair: #fbeae9;--bleu-clair: #eaf0f7;--bleu: #2b5d94;--fond: #f6f7f4;--carte: #ffffff;--texte: #1d211f;--texte-doux: #5f6b65;--bordure: #e2e6e2;--rayon: 14px;--ombre: 0 1px 2px rgba(20, 40, 30, .06), 0 4px 12px rgba(20, 40, 30, .05);--barre-hauteur: 60px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fond);color:var(--texte);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit}.app{min-height:100%;display:flex;flex-direction:column;max-width:560px;margin:0 auto;background:var(--fond)}.entete{position:sticky;top:0;z-index:20;background:var(--vert);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.entete h1{font-size:1.15rem;margin:0;font-weight:650;letter-spacing:-.01em}.entete p{margin:2px 0 0;font-size:.78rem;opacity:.85}.entete-action{background:#ffffff29;border:0;color:#fff;border-radius:999px;padding:8px 14px;font-size:.82rem;cursor:pointer}.contenu{flex:1;padding:16px 16px calc(var(--barre-hauteur) + env(safe-area-inset-bottom,0px) + 88px)}.barre{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;background:var(--carte);border-top:1px solid var(--bordure);padding-bottom:env(safe-area-inset-bottom,0px);max-width:560px;margin:0 auto}.barre button{flex:1 1 0;min-width:0;border:0;background:none;padding:8px 2px;height:var(--barre-hauteur);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--texte-doux);cursor:pointer;position:relative}.barre button span.icone{font-size:1.15rem;line-height:1}.barre button span.libelle{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.barre button.actif{color:var(--vert);font-weight:600}@media (max-width: 389px){.barre button{padding-left:0;padding-right:0}.barre button span.libelle{font-size:.56rem;letter-spacing:-.2px}}.case{flex:0 0 auto;width:34px;height:34px;margin-right:10px;border:2px solid var(--bordure);border-radius:9px;background:var(--fond);color:transparent;font-size:1.05rem;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.case.cochee{background:var(--vert);border-color:var(--vert);color:#fff}.accueil-compte-entete .sous-titre{margin:2px 0 10px;font-size:.82rem;letter-spacing:.4px;text-transform:lowercase;color:var(--vert);opacity:.8}.parole{position:relative;margin:16px 2px 4px;padding:4px 0 4px 30px;font-style:italic;font-size:.9rem;line-height:1.5;color:var(--texte-doux)}.parole .guillemet{position:absolute;left:0;top:-6px;font-size:2.1rem;font-style:normal;line-height:1;color:var(--vert);opacity:.3}.parole.sienne{padding-left:0}.parole.sienne.douce{padding-left:16px}.parole.douce{border-left:3px solid var(--vert);padding-left:34px;opacity:.95}.parole.douce .guillemet{left:8px}.case:disabled{cursor:default;opacity:.4}.barre button.actif:before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;border-radius:0 0 3px 3px;background:var(--vert)}.barre .pastille{position:absolute;top:6px;right:50%;transform:translate(18px);background:var(--rouge);color:#fff;font-size:.6rem;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:flex;align-items:center;justify-content:center}.section-titre{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:22px 0 10px}.section-titre:first-child{margin-top:0}.section-titre h2{font-size:.95rem;margin:0;font-weight:650}.section-titre .compteur{font-size:.78rem;color:var(--texte-doux)}.carte{background:var(--carte);border-radius:var(--rayon);box-shadow:var(--ombre);padding:14px;margin-bottom:10px}.carte-liste{display:flex;flex-direction:column;gap:10px}.ligne{background:var(--carte);border-radius:var(--rayon);box-shadow:var(--ombre);padding:12px 14px;display:flex;align-items:flex-start;gap:12px}.ligne-corps{flex:1;min-width:0}.ligne-titre{font-weight:600;font-size:.95rem;overflow-wrap:anywhere}.ligne-detail{font-size:.8rem;color:var(--texte-doux);margin-top:2px}.ligne-montant{font-weight:650;white-space:nowrap;font-size:.95rem}.ligne-montant.negatif{color:var(--rouge)}.ligne-montant.positif{color:var(--vert)}.avatar{width:38px;height:38px;border-radius:10px;background:var(--vert-clair);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.puce{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--vert-clair);color:var(--vert-fonce);white-space:nowrap}.puce.attention{background:var(--orange-clair);color:var(--orange)}.puce.alerte{background:var(--rouge-clair);color:var(--rouge)}.puce.info{background:var(--bleu-clair);color:var(--bleu)}.puce.neutre{background:#eef0ee;color:var(--texte-doux)}.filtres{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 4px;padding:2px 16px 8px;scrollbar-width:none}.filtres::-webkit-scrollbar{display:none}.filtre{flex:0 0 auto;border:1px solid var(--bordure);background:var(--carte);color:var(--texte-doux);border-radius:999px;padding:7px 13px;font-size:.8rem;cursor:pointer}.filtre.actif{background:var(--vert);border-color:var(--vert);color:#fff;font-weight:600}.bouton{border:0;border-radius:11px;padding:13px 16px;background:var(--vert);color:#fff;font-weight:600;font-size:.92rem;cursor:pointer;width:100%}.bouton:disabled{opacity:.5;cursor:not-allowed}.bouton.secondaire{background:var(--vert-clair);color:var(--vert-fonce)}.bouton.discret{background:none;color:var(--texte-doux);border:1px solid var(--bordure)}.bouton.danger{background:var(--rouge-clair);color:var(--rouge)}.bouton-petit{border:1px solid var(--bordure);background:var(--carte);border-radius:9px;padding:7px 11px;font-size:.78rem;font-weight:600;color:var(--texte-doux);cursor:pointer;white-space:nowrap}.bouton-petit.principal{background:var(--vert);border-color:var(--vert);color:#fff}.bouton-petit.danger{color:var(--rouge);border-color:#f0d5d3}.actions-ligne{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.flottant{position:fixed;right:max(16px,calc(50% - 264px));bottom:calc(var(--barre-hauteur) + env(safe-area-inset-bottom,0px) + 16px);z-index:25;border:0;border-radius:999px;background:var(--vert);color:#fff;font-weight:650;font-size:.92rem;padding:14px 20px;box-shadow:0 6px 18px #1f6f4a52;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.flottant.efface{transform:translateY(140%);opacity:0;pointer-events:none}@media (prefers-reduced-motion: reduce){.flottant{transition:none}}.voile{position:fixed;inset:0;z-index:40;background:#0f1e166b;display:flex;align-items:flex-end;justify-content:center}.feuille{background:var(--fond);width:100%;max-width:560px;border-radius:18px 18px 0 0;padding:8px 16px calc(env(safe-area-inset-bottom,0px) + 20px);max-height:92vh;overflow-y:auto}.feuille-poignee{width:38px;height:4px;border-radius:999px;background:#cfd6d1;margin:6px auto 12px}.feuille h2{margin:0 0 14px;font-size:1.05rem}.champ{margin-bottom:12px}.champ label{display:block;font-size:.78rem;font-weight:600;color:var(--texte-doux);margin-bottom:5px}.champ input,.champ select,.champ textarea{width:100%;border:1px solid var(--bordure);border-radius:11px;padding:12px;background:var(--carte);font-size:16px}.champ input:focus,.champ select:focus,.champ textarea:focus{outline:2px solid var(--vert);outline-offset:-1px}.champ textarea{min-height:72px;resize:vertical}.champ .aide{font-size:.72rem;color:var(--texte-doux);margin-top:4px}.champ-double{display:flex;gap:10px}.champ-double>*{flex:1;min-width:0}.choix{display:flex;flex-wrap:wrap;gap:8px}.choix button{border:1px solid var(--bordure);background:var(--carte);border-radius:10px;min-height:48px;padding:12px;font-size:.85rem;cursor:pointer;flex:1 1 auto;min-width:44%;text-align:left}.choix.vertical{flex-direction:column}.choix.vertical button{min-width:100%}.choix button.actif{border-color:var(--vert);background:var(--vert-clair);color:var(--vert-fonce);font-weight:600}.message-erreur{background:var(--rouge-clair);color:var(--rouge);border-radius:10px;padding:10px 12px;font-size:.82rem;margin-bottom:12px}.vide{text-align:center;padding:34px 18px;color:var(--texte-doux);background:var(--carte);border-radius:var(--rayon);box-shadow:var(--ombre)}.vide .emoji{font-size:2rem;display:block;margin-bottom:8px}.vide p{margin:0 0 4px;font-size:.88rem}.vide .astuce{font-size:.78rem;opacity:.85}.indicateurs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.indicateur{background:var(--carte);border-radius:var(--rayon);box-shadow:var(--ombre);padding:12px 14px}.indicateur .libelle{font-size:.74rem;color:var(--texte-doux)}.indicateur .valeur{font-size:1.15rem;font-weight:680;margin-top:3px;letter-spacing:-.02em;overflow-wrap:anywhere}.indicateur .valeur.positif{color:var(--vert)}.indicateur .valeur.negatif{color:var(--rouge)}.indicateur .evolution{font-size:.72rem;margin-top:3px;color:var(--texte-doux)}.indicateur.large{grid-column:1 / -1}.suggestion{background:var(--carte);border-radius:var(--rayon);box-shadow:var(--ombre);padding:12px 14px;border-left:4px solid var(--bleu);margin-bottom:10px}.suggestion.alerte{border-left-color:var(--rouge)}.suggestion.attention{border-left-color:var(--orange)}.suggestion.positif{border-left-color:var(--vert)}.suggestion .titre{font-weight:650;font-size:.9rem}.suggestion .detail{font-size:.81rem;color:var(--texte-doux);margin-top:3px}.repartition{display:flex;flex-direction:column;gap:10px}.repartition .poste{font-size:.82rem}.repartition .poste-entete{display:flex;justify-content:space-between;gap:10px}.repartition .jauge{height:8px;border-radius:999px;background:#eef0ee;margin-top:5px;overflow:hidden}.repartition .jauge span{display:block;height:100%;border-radius:999px;background:var(--vert)}.graphique{width:100%;height:auto;display:block}.graphique-legende{display:flex;gap:14px;font-size:.75rem;color:var(--texte-doux);margin-top:8px;flex-wrap:wrap}.graphique-legende span{display:inline-flex;align-items:center;gap:5px}.graphique-legende i{width:10px;height:10px;border-radius:3px;display:inline-block}.selecteur-periode{display:flex;gap:8px;align-items:center;margin-bottom:12px}.selecteur-periode select{flex:1;border:1px solid var(--bordure);border-radius:11px;padding:11px 12px;background:var(--carte);font-size:16px}.bascule{display:flex;background:#eaeee9;border-radius:11px;padding:3px;gap:3px}.bascule button{flex:1;border:0;background:none;border-radius:9px;padding:9px 8px;font-size:.85rem;color:var(--texte-doux);cursor:pointer}.bascule button.actif{background:var(--carte);color:var(--texte);font-weight:620;box-shadow:var(--ombre)}.note-bas{font-size:.75rem;color:var(--texte-doux);margin-top:14px;line-height:1.5}.chargement{padding:60px 20px;text-align:center;color:var(--texte-doux)}@media (prefers-reduced-motion: no-preference){.feuille{animation:monte .18s ease-out}@keyframes monte{0%{transform:translateY(18px)}to{transform:none}}}.entete-actions{display:flex;align-items:center;gap:8px}.synchro{border:0;border-radius:999px;padding:5px 11px;font-size:.72rem;font-weight:600;cursor:pointer;background:#ffffff2e;color:#fff;white-space:nowrap}.synchro.hors-ligne{background:#ffffff47}.synchro.echec{background:var(--rouge)}.bandeau-abonnement{display:block;width:100%;text-align:left;border:0;border-left:4px solid var(--rouge);cursor:pointer;margin-bottom:14px}.indicateur.alerte{border-left:4px solid var(--rouge)}.accueil-compte{max-width:460px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 32px) 18px calc(env(safe-area-inset-bottom,0px) + 32px)}.accueil-compte-entete{text-align:center;margin-bottom:22px}.accueil-compte-entete .logo{width:62px;height:62px;border-radius:18px;background:var(--vert);color:#fff;font-size:1.9rem;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.accueil-compte-entete h1{font-size:1.35rem;margin:0;letter-spacing:-.02em}.accueil-compte-entete p{margin:6px 0 0;font-size:.88rem;color:var(--texte-doux)}.champ-mot-de-passe{display:flex;gap:8px}.champ-mot-de-passe input{flex:1;min-width:0}.champ-mot-de-passe button{flex:0 0 auto;border:1px solid var(--bordure);background:var(--carte);border-radius:11px;padding:0 13px;font-size:.8rem;color:var(--texte-doux);cursor:pointer}.etapes{margin:4px 0 14px}.etapes ol{margin:0;padding-left:20px;font-size:.85rem;line-height:1.6}.etapes li{margin-bottom:4px}.numero-destinataire{background:var(--vert-clair);border-radius:11px;padding:10px 13px;margin-bottom:12px}.numero-destinataire .libelle{font-size:.72rem;color:var(--vert-fonce)}.numero-destinataire .valeur{font-size:1.15rem;font-weight:700;color:var(--vert-fonce);letter-spacing:.02em}.message-info{background:var(--bleu-clair);color:var(--bleu);border-radius:10px;padding:10px 12px;font-size:.82rem;margin-bottom:12px}.lien{display:block;width:100%;margin-top:14px;border:0;background:none;color:var(--vert-fonce);font-size:.85rem;font-weight:600;text-decoration:underline;cursor:pointer;padding:6px}.bascule-quatre button{font-size:.78rem;padding:9px 4px}.liste-signes{margin:6px 0 0;padding-left:18px}.liste-signes li{margin-bottom:3px}.nom-latin{font-style:italic}.etiquettes{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.carte-danger{border-left:4px solid var(--rouge)}.bloc-fiche{font-size:.84rem;line-height:1.5;margin:0 0 9px;color:var(--texte-doux)}.bloc-fiche strong{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--texte);margin-bottom:2px}.titre-encadre{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px}.encadre-precautions,.encadre-danger{border-radius:11px;padding:10px 12px;margin-bottom:10px;font-size:.82rem;line-height:1.5}.encadre-precautions{background:var(--orange-clair);color:var(--orange)}.encadre-danger{background:var(--rouge-clair);color:var(--rouge)}.encadre-precautions ul,.encadre-danger ul,.sources-fiche ul{margin:0;padding-left:17px}.encadre-precautions li,.encadre-danger li{margin-bottom:4px}.sources-fiche{font-size:.78rem;color:var(--texte-doux);margin-bottom:12px}.sources-fiche li{margin-bottom:4px}.sources-fiche a{color:var(--bleu);overflow-wrap:anywhere}.champ-telephone{display:flex;flex-direction:column;gap:8px}.champ-telephone select{width:100%;border:1px solid var(--bordure);border-radius:11px;padding:12px;background:var(--carte);font-size:16px}.champ-telephone-numero{display:flex;align-items:stretch;border:1px solid var(--bordure);border-radius:11px;background:var(--carte);overflow:hidden}.champ-telephone-numero:focus-within{outline:2px solid var(--vert);outline-offset:-1px}.champ-telephone-numero span{display:flex;align-items:center;padding:0 10px;background:var(--vert-clair);color:var(--vert-fonce);font-size:.9rem;font-weight:600;white-space:nowrap}.champ-telephone-numero input{flex:1;min-width:0;border:0;border-radius:0;padding:12px;font-size:16px;background:transparent}.champ-telephone-numero input:focus{outline:none}