:root{--fond:#faf8f8;--carte:#ffffff;--encre:#030303;--doux:#6b6b76;--lavande:#b1b1c3;--primaire:#244efd;--orange:#f33f1a;--vert:#1e7349;--sauge:#7d9c91;--bleu-gris:#b6c2de;--bord:#ece9ec;--ombre:0 1px 2px rgba(3,3,3,0.04),0 8px 24px rgba(3,3,3,0.04);--rayon:18px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--fond);color:var(--encre);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--primaire)}.page{display:flex;min-height:100vh}.barre-laterale{display:none;width:240px;flex:0 0 240px;padding:28px 20px;border-right:1px solid var(--bord);background:var(--carte);flex-direction:column;gap:6px}.barre-laterale .marque{font-size:20px;font-weight:800;letter-spacing:-.02em;margin-bottom:22px}.barre-laterale .marque span{color:var(--primaire)}.lien-nav{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;color:var(--doux);text-decoration:none;font-size:14px;font-weight:600}.lien-nav.actif{background:#fdeee7;color:var(--orange)}.contenu{flex:1 1;min-width:0;padding:22px 18px 96px;max-width:1080px}.entete{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap}.entete h1{font-size:22px;margin:0;letter-spacing:-.02em}.entete .qui{color:var(--doux);font-size:12px}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:var(--rayon);padding:18px;margin-bottom:16px;box-shadow:var(--ombre)}.carte h2{font-size:12px;margin:0 0 14px;color:var(--doux);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.entete-actions{gap:8px}.entete-actions,.pastille-mois{display:flex;align-items:center}.pastille-mois{gap:2px;background:var(--carte);border:1px solid var(--bord);border-radius:999px;padding:3px 4px;box-shadow:var(--ombre)}.pastille-mois span{font-size:13px;font-weight:700;min-width:96px;text-align:center;text-transform:capitalize;white-space:nowrap}.pastille-mois a{width:28px;height:28px;border-radius:999px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--doux);text-decoration:none;font-size:16px;line-height:1}.pastille-mois a:hover{background:#f2f2f5;color:var(--encre)}.heros{background:var(--encre);color:#fff;border-radius:26px;padding:22px;margin-bottom:12px}.heros-haut{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.heros .etiquette{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--lavande);font-weight:700}.heros .montant{font-size:clamp(30px,8.5vw,42px);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.heros .montant .devise{font-size:15px;font-weight:700;letter-spacing:0;color:var(--lavande)}.heros-cote{text-align:left;flex:0 1 auto;padding-top:2px}.heros-cote .chiffre{font-size:15px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.heros-cote .sous{margin-top:2px}.heros-bas,.heros-cote .sous{font-size:11px;color:var(--lavande)}.heros-bas{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}.heros.depasse .montant{color:#ff8a6d}.jauge{height:9px;background:rgba(255,255,255,.16);margin-top:14px;overflow:hidden}.jauge,.jauge>div{border-radius:999px}.jauge>div{height:100%;background:var(--primaire)}.jauge.attention>div{background:var(--orange)}.encart{gap:12px;background:#fdeee7;border:1px solid #f7ddd1;border-radius:var(--rayon);padding:14px 16px;margin-bottom:16px}.encart,.encart .bulle{display:flex;align-items:center}.encart .bulle{width:34px;height:34px;flex:none;border-radius:999px;background:var(--orange);color:#fff;font-size:16px;font-weight:700;justify-content:center}.encart p{margin:0;font-size:13px;line-height:1.45}.encart b{font-weight:800}.grille{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.carte-tete{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.carte-tete h2{margin:0}.compteur{font-size:11px;color:var(--doux);font-weight:600}.barre-couleurs{display:flex;gap:3px;height:12px;border-radius:999px;overflow:hidden;margin-bottom:16px}.barre-couleurs>span{flex-basis:0;min-width:5px;border-radius:3px}.carte-cat{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;margin-bottom:10px;text-decoration:none;color:inherit}.carte-cat:last-of-type{margin-bottom:0}.carte-cat:hover{filter:brightness(1.06)}.carte-cat .ico{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:19px}.carte-cat .txt{flex:1 1;min-width:0}.carte-cat .txt .t{font-size:14px;font-weight:700;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.carte-cat .etat{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 7px;border-radius:999px}.carte-cat .txt .s{font-size:11px;margin-top:3px}.carte-cat .montant{text-align:right;flex:none}.carte-cat .montant .v{font-size:15px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.carte-cat .montant .sur{font-size:10px;margin-top:2px}.badge{display:inline-block;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.badge.ok{background:#e7f4ec;color:var(--vert)}.badge.attention{background:#fdeee7;color:var(--orange)}.badge.depasse{background:#fdeaea;color:#b3261e}.badge.neutre{background:#f0f0f3;color:var(--doux)}.jour{margin-bottom:18px}.jour .jour-tete{justify-content:space-between;align-items:baseline;color:var(--doux);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.jour .jour-tete,.ligne{display:flex;margin-bottom:8px}.ligne{align-items:center;gap:12px;padding:11px 12px;border-radius:14px;background:var(--carte);border:1px solid var(--bord)}.ligne .pastille{width:8px;height:32px;border-radius:999px;flex:0 0 8px}.ligne .intitule{flex:1 1;min-width:0}.ligne .intitule .t{font-size:14px;font-weight:600}.ligne .intitule .s{font-size:12px;color:var(--doux)}.ligne .somme{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}label{display:block;font-size:12px;color:var(--doux);font-weight:600;margin:0 0 6px}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{width:100%;padding:11px 12px;background:#fff;color:var(--encre);border:1px solid var(--bord);border-radius:12px;font:inherit;font-size:14px}textarea{min-height:80px;resize:vertical}.champ{margin-bottom:14px}.duo{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.bouton,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;border:1px solid transparent;background:var(--primaire);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none}button.orange{background:var(--orange)}.bouton.discret,button.discret{background:#fff;border-color:var(--bord);color:var(--encre);font-weight:600}button.lien{background:none;border:none;color:var(--orange);padding:0;font-weight:600;cursor:pointer;font-size:12px}.alerte{padding:11px 14px;border-radius:12px;font-size:13px;margin-bottom:16px;border:1px solid}.alerte.erreur{background:#fdeaea;border-color:#f3c8c6;color:#b3261e}.alerte.succes{background:#e7f4ec;border-color:#c5e3d2;color:var(--vert)}.vide{font-size:14px}.aide,.vide{color:var(--doux)}.aide{font-size:12px;margin:0 0 12px}.resume{font-size:14px;font-weight:600;margin:0 0 14px}.note{color:var(--doux);font-size:12px}.actions-ligne{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}.carte.attenuee{opacity:.72}.cat-entete{gap:12px;margin-bottom:14px}.cat-entete,.cat-entete .puce{display:flex;align-items:center}.cat-entete .puce{width:40px;height:40px;border-radius:12px;flex:0 0 40px;justify-content:center;font-size:18px;color:#fff}.cat-entete .corps{flex:1 1;min-width:0}.cat-entete .nom{font-weight:700;font-size:14px}.cat-entete .meta{margin-top:2px}.cat-entete .meta,.pied{color:var(--doux);font-size:12px}.pied{margin-top:28px;border-top:1px solid var(--bord);padding-top:16px}code{background:#f2f2f5;border-radius:5px;padding:1px 5px;font-size:12px}.auth{max-width:420px;margin:0 auto;padding:56px 20px}.auth .marque{font-size:26px;font-weight:800;letter-spacing:-.03em;margin-bottom:6px}.auth .marque span{color:var(--primaire)}.auth .sous{color:var(--doux);font-size:14px;margin-bottom:26px}.auth .carte{padding:22px}.auth .bascule{text-align:center;font-size:13px;color:var(--doux);margin-top:16px}.filtres{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;background:#f7f7f9;border:1px solid var(--bord);border-radius:14px;padding:14px;margin-bottom:14px}.filtres .champ{margin-bottom:0}.filtres .actions{display:flex;gap:8px;align-items:center}.filtres .actions>.bouton,.filtres .actions>button{flex:1 1}.filtres-resume{font-size:12px;color:var(--doux);margin:0 0 14px}@media (min-width:640px){.filtres{grid-template-columns:1.5fr 1fr auto;align-items:end}.filtres .actions>.bouton,.filtres .actions>button{flex:0 0 auto}}.revenus{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:18px}.revenus .bloc{background:#f7f7f9;border:1px solid var(--bord);border-radius:12px;padding:10px 12px}.revenus .bloc.total{grid-column:1/-1;background:#eef1ff;border-color:#d9e0ff}.revenus .et{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--doux);font-weight:700;margin-bottom:2px}.revenus .val{font-weight:700;font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.revenus .bloc.total .val{font-size:19px}.revenus .val.positif{color:var(--vert)}.revenus .val.negatif{color:var(--orange)}.sep{border:none;border-top:1px solid var(--bord);margin:18px 0 16px}.revenus .bloc.reste{grid-column:1/-1;border-color:#d9e0ff}.revenus .bloc.reste .val{font-size:19px}.revenus .bloc.reste.depasse{background:#fdeceb;border-color:#f8d3cf}.plafond{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--bord)}.plafond:last-child{border-bottom:none}.plafond .puce{width:30px;height:30px;flex:none;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;background:#f0f0f4}.plafond .corps{flex:1 1;min-width:0}.plafond .corps .nom{font-size:13px;font-weight:600}.plafond .corps .meta{font-size:11px;color:var(--doux)}.plafond form{display:flex;align-items:center;gap:6px;flex:none}.plafond form input[type=text]{width:96px;padding:7px 9px;font-size:13px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.plafond form .discret{padding:7px 10px;font-size:12px}.mouvements{margin-top:14px;border-top:1px solid var(--bord);padding-top:10px}.mouvement{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--bord)}.mouvement:last-child{border-bottom:none}.mouvement .corps{flex:1 1;min-width:0}.mouvement .corps .t{font-size:13px;font-weight:600}.mouvement .corps .s{font-size:11px;color:var(--doux)}.mouvement .val{font-weight:700;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mouvement .val.positif{color:var(--vert)}.mouvement .val.negatif{color:var(--orange)}.vue-bascule{display:flex;gap:2px;background:#f2f2f5;border-radius:999px;padding:3px}.vue-bascule a{font-size:11px;font-weight:700;padding:5px 12px;border-radius:999px;color:var(--doux);text-decoration:none;white-space:nowrap}.vue-bascule a.actif{background:#fff;color:var(--encre);box-shadow:0 1px 3px rgba(3,3,3,.12)}.graphe{display:flex;align-items:flex-end;gap:6px}.graphe .colonne{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}.graphe .valeur{font-size:10px;font-weight:700;color:var(--doux);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-height:13px;white-space:nowrap}.graphe .valeur.fort{color:var(--orange)}.graphe .barre{width:100%;max-width:34px;border-radius:7px;background:#e9e9ee}.graphe .barre.fort{background:var(--orange)}.graphe .jour{font-size:10px;color:var(--doux);font-weight:600}.mini-duo{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:16px}.mini{background:var(--carte);border:1px solid var(--bord);border-radius:var(--rayon);padding:14px;box-shadow:var(--ombre)}.mini .et{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--doux);font-weight:700;margin-bottom:8px}.mini .valeur{font-size:14px;font-weight:800;letter-spacing:-.01em}.mini .sous,.mini .valeur.neutre{color:var(--doux)}.mini .sous{font-size:11px;margin-top:3px}.fab{position:fixed;right:18px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:30;width:56px;height:56px;padding:0;border:none;border-radius:50%;background:var(--orange);color:#fff;font-size:30px;font-weight:400;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(3,3,3,.24);cursor:pointer}.fab:hover{filter:brightness(1.06)}.fab:active{transform:scale(.95)}.modale{border:none;border-radius:var(--rayon);padding:0;width:min(460px,calc(100vw - 28px));box-shadow:0 24px 64px rgba(3,3,3,.3);color:var(--encre);background:var(--carte)}.modale::-webkit-backdrop{background:rgba(3,3,3,.45)}.modale::backdrop{background:rgba(3,3,3,.45)}.modale-entete{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 0}.modale-entete h2{font-size:15px;margin:0;font-weight:700;letter-spacing:-.01em}.modale .fermer{background:none;border:none;color:var(--doux);font-size:22px;line-height:1;padding:2px 8px;cursor:pointer}.modale form{padding:14px 18px 18px}.modale button[type=submit]{width:100%}@media (min-width:900px){.fab{bottom:26px;right:26px}}.barre-basse{position:fixed;left:0;right:0;bottom:0;z-index:20;justify-content:space-around;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--bord)}.barre-basse,.barre-basse a{display:flex;align-items:center}.barre-basse a{flex-direction:column;gap:3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--doux);text-decoration:none}.barre-basse a.actif{color:var(--orange)}.barre-basse .icone{font-size:18px}.barre-basse a.actif .icone{width:40px;height:26px;border-radius:9px;margin-bottom:1px;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center}@media (min-width:560px){.heros-cote{text-align:right;padding-top:4px}}@media (min-width:900px){.barre-laterale{display:flex}.contenu{padding:34px 34px 60px}.barre-basse{display:none}.grille{grid-template-columns:1.35fr 1fr;align-items:start}.duo{grid-template-columns:1fr 1fr}}.bandeau{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff7e6;border:1px solid #f0dcb4;color:#6d4c12;border-radius:14px;padding:12px 14px;margin-bottom:18px;font-size:13px;line-height:1.45}.bandeau a{color:inherit;font-weight:800;white-space:nowrap}.alerte.info{background:#eef1ff;border-color:#ccd5ff;color:#2440a8}.lien-discret{color:var(--doux);font-size:13px;font-weight:600}.resume{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}.resume .case{background:var(--carte);border:1px solid var(--bord);border-radius:14px;padding:12px 14px;box-shadow:var(--ombre)}.resume .case .et{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--doux);font-weight:700}.resume .case .v{font-size:21px;font-weight:800;margin-top:5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.compteurs{font-size:12px;color:var(--doux);margin-bottom:12px}.compte{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--bord);border-radius:14px;background:var(--carte);padding:12px 14px;margin-bottom:8px}.compte .qui{flex:1 1;min-width:190px}.compte .qui .adresse{font-weight:700;font-size:14px;word-break:break-all;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.compte .qui .meta{font-size:11px;color:var(--doux);margin-top:4px;line-height:1.5}.etat{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;white-space:nowrap}.etat.ok{background:#e7f4ec;color:var(--vert)}.etat.attente{background:#fff7e6;color:#8a5a00}.etat.suspendu{background:#fdeaea;color:#b3261e}.compte .actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.compte .actions form{display:inline}.compte .actions a,.compte .actions button{font-size:11px;font-weight:700;padding:6px 11px;border-radius:999px;border:1px solid var(--bord);background:#fff;color:var(--encre);cursor:pointer;font-family:inherit;text-decoration:none;white-space:nowrap}.compte .actions a.danger,.compte .actions button.danger{color:#b3261e;border-color:#f3c8c6}button.danger{background:#b3261e;color:#fff}