@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--papier:#f5efe3;--surface:#fffbf3;--encre:#1e2a24;--discret:#666d62;--trait:#e4dac7;--foret:#1e5b45;--foret-doux:#dde9df;--sur-foret:#f8f4ea;--argile:#b1432a;--argile-doux:#f7e0d6;--or:#a97a0f;--or-doux:#f4e6c3;--voile:#141a1773;--courbe:cubic-bezier(.23, 1, .32, 1);--titre:"Bricolage Grotesque Variable", system-ui, sans-serif;--texte:"Figtree Variable", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--papier:#141a17;--surface:#1c2420;--encre:#eef1e9;--discret:#9ca89f;--trait:#2d3832;--foret:#6fc7a0;--foret-doux:#20382e;--sur-foret:#10201a;--argile:#f08c6c;--argile-doux:#3b2219;--or:#e0b552;--or-doux:#3a2f14;--voile:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--papier);color:var(--encre);font-family:var(--texte);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.45}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:2px solid var(--foret);outline-offset:2px}h1{font-family:var(--titre);letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.1}h2{font-family:var(--titre);font-size:18px;font-weight:650}.surtitre{color:var(--discret);margin-bottom:2px;font-size:14px;font-weight:500}.ecran-centre{text-align:center;place-content:center;gap:16px;min-height:100dvh;padding:24px;display:grid}.app{max-width:560px;margin:0 auto}.page{padding:max(20px, env(safe-area-inset-top)) 16px calc(112px + env(safe-area-inset-bottom));animation:entree-page .2s var(--courbe);gap:16px;display:grid}@keyframes entree-page{0%{opacity:0;transform:translateY(4px)}}.entete{justify-content:space-between;align-items:center;gap:12px;padding:4px 2px;display:flex}.bouton{width:100%;min-height:50px;transition:transform .14s var(--courbe), background-color .16s ease;border-radius:14px;justify-content:center;align-items:center;padding:12px 18px;font-weight:600;text-decoration:none;display:flex}.bouton:active,.action:active,.membre:active,.numero:active,.versement:active{transform:scale(.98)}.bouton:disabled{opacity:.6;cursor:default}.bouton-plein{background:var(--foret);color:var(--sur-foret)}.bouton-discret{color:var(--foret)}.bouton-danger{color:var(--argile)}.bouton-rond{background:var(--surface);border:1px solid var(--trait);width:44px;height:44px;transition:transform .14s var(--courbe);border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid}.bouton-rond:active{transform:scale(.94)}.bouton-rond svg{width:20px;height:20px}.connexion{align-items:center;min-height:100dvh;padding:24px 20px;display:grid}.connexion-contenu{gap:28px;width:100%;max-width:400px;margin:0 auto;display:grid}.connexion h1{font-size:40px}.connexion-intro{color:var(--discret);margin-top:8px}.connexion-aide{color:var(--discret);text-align:center;font-size:14px}form{gap:14px;display:grid}.champ{color:var(--discret);gap:6px;min-width:0;font-size:14px;font-weight:500;display:grid}.champ input,.champ select,.champ textarea{width:100%;min-height:50px;color:var(--encre);background:var(--surface);border:1px solid var(--trait);border-radius:12px;padding:12px 14px;font-size:16px;font-weight:400;transition:border-color .16s}.champ input:focus,.champ select:focus,.champ textarea:focus{border-color:var(--foret);outline:none}.erreur{color:var(--argile);min-height:20px;font-size:14px}.deux-colonnes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.champ input[type=date]{min-width:0;padding-inline:10px}.case-a-cocher{align-items:center;gap:10px;min-height:44px;display:flex}.case-a-cocher input{width:22px;height:22px;accent-color:var(--foret)}.code{grid-template-columns:repeat(4,1fr);gap:10px;display:grid;position:relative}.code input{opacity:0;cursor:pointer;height:100%;min-height:0;position:absolute;inset:0}.code-case{background:var(--surface);border:1px solid var(--trait);border-radius:12px;place-items:center;height:60px;transition:border-color .16s;display:grid}.code:focus-within .code-case[data-curseur=true]{border-color:var(--foret)}.code-case:after{content:"";background:var(--encre);opacity:0;width:12px;height:12px;transition:opacity .12s ease, transform .16s var(--courbe);border-radius:50%;transform:scale(.6)}.code-case[data-rempli=true]:after{opacity:1;transform:scale(1)}.statut{border-radius:22px;padding:22px}.statut-retard{background:var(--argile-doux);color:var(--argile)}.statut-ok{background:var(--foret);color:var(--sur-foret)}.statut-nombre{font-family:var(--titre);letter-spacing:-.03em;font-size:76px;font-weight:700;line-height:.95}.statut-libelle{font-family:var(--titre);margin-top:2px;font-size:22px;font-weight:650}.statut-titre{font-family:var(--titre);letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:1.1}.statut-detail{color:var(--encre);margin-top:8px}.statut-ok .statut-detail{color:inherit;opacity:.9}.chiffre{font-variant-numeric:tabular-nums}.bloc{background:var(--surface);border:1px solid var(--trait);border-radius:20px;gap:12px;padding:16px;display:grid}.bloc-titre{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.bloc-titre span{color:var(--discret);font-variant-numeric:tabular-nums;font-size:14px}.vide{color:var(--discret);text-align:center;padding:16px 8px}.grille{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;display:grid}.case{aspect-ratio:1;font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;font-size:14px;font-weight:600;display:grid}.case-payee{background:var(--foret);color:var(--sur-foret)}.case-avance{background:var(--or-doux);color:var(--or)}.case-due{background:var(--argile-doux);color:var(--argile)}.numero{text-align:left;background:var(--papier);width:100%;transition:transform .14s var(--courbe);border-radius:12px;grid-template-columns:1fr auto;padding:10px 12px;display:grid}.numero-libelle{color:var(--discret);grid-column:1;font-size:13px}.numero-valeur{font-family:var(--titre);letter-spacing:.01em;font-variant-numeric:tabular-nums;grid-column:1;font-size:20px;font-weight:650}.numero-action{color:var(--foret);grid-area:1/2/3;align-self:center;font-size:14px;font-weight:600}.titulaire{color:var(--discret);font-size:14px}.versements{display:grid}.versements li+li{border-top:1px solid var(--trait)}.versement{text-align:left;width:100%;transition:transform .14s var(--courbe);grid-template-columns:1fr auto;gap:0 12px;padding:10px 2px;display:grid}.versement-montant{font-variant-numeric:tabular-nums;font-weight:600}.versement-detail{color:var(--discret);grid-column:1;font-size:14px}.versement-date{color:var(--discret);text-align:right;grid-area:1/2;font-size:14px}.caisse-carte{background:var(--foret);color:var(--sur-foret);border-radius:22px;padding:22px}.caisse-libelle{opacity:.85}.caisse-montant{font-family:var(--titre);letter-spacing:-.02em;font-size:44px;font-weight:700;line-height:1.1}.caisse-detail{opacity:.85;margin-top:6px;font-size:14px}.filtres,.raccourcis{flex-wrap:wrap;gap:8px;display:flex}.filtre{border:1px solid var(--trait);background:var(--surface);min-height:40px;transition:background-color .16s ease, color .16s ease, transform .14s var(--courbe);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500}.filtre:active{transform:scale(.96)}.filtre[aria-pressed=true]{background:var(--encre);color:var(--papier);border-color:var(--encre)}.membres{gap:8px;display:grid}.membre{text-align:left;background:var(--surface);border:1px solid var(--trait);width:100%;transition:transform .14s var(--courbe);border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.bloc .membre{background:var(--papier);border-color:#0000}.avatar{background:var(--foret-doux);width:42px;height:42px;color:var(--foret);font-family:var(--titre);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.membre-corps{flex:1;gap:5px;min-width:0;display:grid}.membre-haut{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.membre-nom{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.membre-total{font-variant-numeric:tabular-nums;color:var(--discret);flex:none;font-size:14px}.membre-bas{color:var(--foret);font-size:13px}.membre-bas[data-retard=true]{color:var(--argile)}.etiquette{color:var(--or);background:var(--or-doux);border-radius:999px;flex:none;padding:2px 8px;font-size:12px;font-weight:600}.jauge{background:var(--trait);border-radius:3px;height:6px;display:block;overflow:hidden}.jauge-remplie{background:var(--foret);transform-origin:0;height:100%;transition:transform .4s var(--courbe);border-radius:3px;display:block}.jauge-remplie[data-retard=true]{background:var(--argile)}.actions{gap:10px;display:grid}.action{text-align:left;background:var(--surface);border:1px solid var(--trait);width:100%;transition:transform .14s var(--courbe);border-radius:18px;gap:2px;padding:16px 18px;display:grid}.action strong{font-family:var(--titre);font-size:18px;font-weight:650}.action span{color:var(--discret);font-size:14px}.action-principale{background:var(--foret);color:var(--sur-foret);border-color:var(--foret)}.action-principale span{color:inherit;opacity:.85}.compteur{justify-content:space-between;align-items:center;gap:12px;display:flex}.compteur output{color:var(--encre);font-size:16px;font-weight:600}.apercu{white-space:pre-wrap;overflow-wrap:anywhere;max-height:40dvh;font-family:var(--texte);background:var(--papier);border-radius:12px;margin:0;padding:14px;font-size:14px;overflow:auto}.code-genere{background:var(--papier);border-radius:14px;gap:10px;margin-top:12px;padding:14px;display:grid}.code-valeur{font-family:var(--titre);letter-spacing:.2em;text-align:center;font-variant-numeric:tabular-nums;font-size:40px;font-weight:700}.voile{background:var(--voile);z-index:30;position:fixed;inset:0}.feuille{z-index:31;background:var(--surface);border-radius:24px 24px 0 0;outline:none;flex-direction:column;max-width:560px;max-height:92dvh;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.feuille:after{content:"";background:var(--surface);height:100px;position:absolute;top:100%;left:0;right:0}.feuille-poignee{cursor:grab;touch-action:none;place-items:center;padding:10px 0 6px;display:grid}.feuille-poignee span{background:var(--trait);border-radius:3px;width:40px;height:5px}.feuille-entete{justify-content:space-between;align-items:center;gap:12px;padding:0 16px 8px;display:flex}.feuille-entete h2{text-overflow:ellipsis;white-space:nowrap;font-size:22px;overflow:hidden}.bouton-fermer{width:44px;height:44px;color:var(--discret);flex:none;place-items:center;margin-right:-10px;display:grid}.bouton-fermer svg{width:22px;height:22px}.feuille-corps{overscroll-behavior:contain;padding:4px 16px calc(20px + env(safe-area-inset-bottom));gap:12px;display:grid;overflow-y:auto}.fiche-resume{color:var(--discret)}.fiche-titre{font-family:var(--titre);margin-top:4px;font-size:16px;font-weight:650}.onglets{z-index:20;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--trait);border-radius:22px;gap:4px;width:min(100% - 32px,400px);padding:6px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #1e2a2424}.onglet{min-height:52px;color:var(--discret);border-radius:16px;flex:1;place-items:center;gap:1px;padding:6px 4px;font-size:12px;font-weight:600;text-decoration:none;transition:color .16s;display:grid;position:relative}.onglet[data-actif=true]{color:var(--foret)}.onglet svg{width:22px;height:22px;position:relative}.onglet span:last-child{position:relative}.onglet-fond{background:var(--foret-doux);border-radius:16px;position:absolute;inset:0}.toast-zone{z-index:40;left:16px;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));pointer-events:none;justify-items:center;display:grid;position:fixed}.toast{background:var(--encre);color:var(--papier);border-radius:12px;padding:10px 16px;font-size:14px;font-weight:500}@media (hover:hover) and (pointer:fine){.membre:hover,.action:hover{border-color:var(--foret)}.bouton-discret:hover{background:var(--foret-doux)}}@media (prefers-reduced-motion:reduce){.page{animation:none}.jauge-remplie{transition:none}}