:root{color-scheme:light dark;--ground: #f2f5f4;--surface: #ffffff;--surface-2: #f7faf9;--tint: #eaf0ed;--ink: #101b18;--ink-2: #3d4c47;--faint: #66756f;--rule: #dbe2de;--rule-fort: #c3ccc7;--vert: #0b6144;--vert-vif: #0d7a55;--vert-clair: #e0efe8;--ambre: #7d5307;--ambre-clair: #f9efd8;--rouge: #8c2a22;--rouge-clair: #f9e6e4;--bleu: #17457a;--bleu-clair: #e3ecf7;--sans: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--e1: 4px;--e2: 8px;--e3: 12px;--e4: 16px;--e5: 24px;--e6: 32px;--rayon: 12px;--rayon-2: 10px;--ombre: 0 1px 2px rgba(16, 27, 24, .05), 0 1px 3px rgba(16, 27, 24, .04);--ombre-flottante: 0 -1px 0 var(--rule), 0 -8px 24px rgba(16, 27, 24, .06);--haut: env(safe-area-inset-top, 0px);--bas: env(safe-area-inset-bottom, 0px);--gauche: env(safe-area-inset-left, 0px);--droite: env(safe-area-inset-right, 0px);--barre-basse: 58px}@media(prefers-color-scheme:dark){:root{--ground: #0b100f;--surface: #141c1a;--surface-2: #18211f;--tint: #1e2926;--ink: #eaf0ed;--ink-2: #bdc9c4;--faint: #8c9b95;--rule: #2b3734;--rule-fort: #3a4844;--vert: #58cfa1;--vert-vif: #6ddcb0;--vert-clair: #102b22;--ambre: #e2b25a;--ambre-clair: #2c2415;--rouge: #e88b81;--rouge-clair: #2f1a17;--bleu: #85b6ee;--bleu-clair: #142639;--ombre: none;--ombre-flottante: 0 -1px 0 var(--rule)}}*{box-sizing:border-box}html,body,#racine{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}a{color:var(--vert)}button,input,select,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--vert-vif);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.appli{display:flex;flex-direction:column;min-height:100%;padding-left:var(--gauche);padding-right:var(--droite)}.barre{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--rule);padding:calc(var(--haut) + 10px) var(--e4) 10px;display:flex;align-items:center;gap:var(--e3)}.barre .marque{font-weight:800;letter-spacing:.09em;color:var(--vert);font-size:14px;flex:none}.barre .page{font-weight:650;font-size:15px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.barre .moi{flex:none;width:42px;height:42px;border-radius:999px;background:var(--vert);color:#fff;border:0;cursor:pointer;font-size:13px;font-weight:750;letter-spacing:.02em;display:grid;place-items:center}.barre .moi:active{transform:scale(.94)}main{flex:1;width:100%;max-width:780px;margin:0 auto;padding:var(--e5) var(--e4) calc(var(--barre-basse) + var(--bas) + var(--e6))}h1{font-size:clamp(20px,5.2vw,25px);line-height:1.22;margin:0 0 var(--e1);letter-spacing:-.02em;font-weight:700}h2{font-size:15px;margin:var(--e5) 0 var(--e3);letter-spacing:.01em;font-weight:700}h3{font-size:14px;margin:var(--e4) 0 var(--e2);font-weight:700}.sous-titre{color:var(--faint);font-size:14px;line-height:1.45;margin:0 0 var(--e5);max-width:60ch}.bandeau-essai{position:sticky;top:0;z-index:31;margin:0;padding:calc(var(--haut) + 6px) var(--e4) 6px;background:var(--ambre);color:#1b1300;font-size:12.5px;font-weight:750;text-align:center;letter-spacing:.01em}.bandeau-essai+.barre{top:0;padding-top:10px}.nav-basse{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);box-shadow:var(--ombre-flottante);padding:0 var(--gauche) var(--bas) var(--droite)}.nav-basse a,.nav-basse button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--barre-basse);padding:6px 2px 8px;background:none;border:0;cursor:pointer;color:var(--faint);text-decoration:none;font-size:10.5px;font-weight:650;letter-spacing:.01em}.nav-basse svg{width:23px;height:23px;flex:none}.nav-basse .actif{color:var(--vert)}.nav-basse .actif:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:26px;height:2.5px;border-radius:0 0 3px 3px;background:var(--vert)}.nav-basse a:active,.nav-basse button:active{background:var(--tint)}.nav-basse .pastille{position:absolute;top:5px;left:50%;margin-left:4px;min-width:17px;height:17px;padding:0 4px;background:var(--ambre);color:#1b1300;border-radius:999px;font-size:10px;font-weight:800;line-height:17px;text-align:center}.voile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#080e0c73;border:0;padding:0;animation:fondu .16s ease-out}@keyframes fondu{0%{opacity:0}to{opacity:1}}.panneau{position:fixed;left:0;right:0;bottom:0;z-index:51;max-height:88vh;overflow-y:auto;overscroll-behavior:contain;background:var(--ground);border-radius:20px 20px 0 0;padding:var(--e2) var(--e4) calc(var(--bas) + var(--e5));animation:monte .2s cubic-bezier(.2,.8,.3,1)}@keyframes monte{0%{transform:translateY(14%)}to{transform:none}}.panneau .poignee{width:38px;height:4px;border-radius:999px;background:var(--rule-fort);margin:var(--e2) auto var(--e4)}.panneau .groupe{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:var(--e5) 0 var(--e2)}.panneau .groupe:first-of-type{margin-top:0}.panneau nav{display:grid;gap:var(--e1)}.panneau nav a{display:flex;align-items:center;gap:var(--e3);padding:var(--e3) var(--e3);min-height:52px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--rayon-2);text-decoration:none;color:var(--ink)}.panneau nav a:active{background:var(--tint)}.panneau nav a.actif{border-color:var(--vert)}.panneau nav a .nom{font-weight:650;font-size:15px}.panneau nav a .quoi{color:var(--faint);font-size:12.5px;margin-top:1px}.panneau nav a svg{width:21px;height:21px;flex:none;color:var(--faint)}.panneau nav a.actif svg,.panneau nav a.actif .nom{color:var(--vert)}.panneau .qui{display:flex;align-items:center;gap:var(--e3);padding:var(--e3) 0 var(--e4);border-bottom:1px solid var(--rule);margin-bottom:var(--e2)}.panneau .qui .rond{width:42px;height:42px;border-radius:999px;background:var(--vert);color:#fff;display:grid;place-items:center;font-weight:750;font-size:14px;flex:none}.panneau .qui .nom{font-weight:700}.panneau .qui .role{color:var(--faint);font-size:13px}.nav-cote{display:none}@media(min-width:900px){.appli{display:grid;grid-template-columns:246px minmax(0,1fr)}.barre{grid-column:1 / -1}.nav-basse{display:none}.nav-cote{display:block;padding:var(--e4) var(--e3) var(--e6);border-right:1px solid var(--rule);background:var(--surface-2);position:sticky;top:59px;align-self:start;max-height:calc(100vh - 59px);overflow-y:auto}.nav-cote .groupe{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:var(--e4) 0 var(--e2);padding-left:var(--e2)}.nav-cote .groupe:first-child{margin-top:0}.nav-cote a{display:flex;align-items:center;gap:var(--e3);padding:9px var(--e3);border-radius:var(--rayon-2);text-decoration:none;color:var(--ink-2);font-size:14.5px;font-weight:600}.nav-cote a svg{width:19px;height:19px;flex:none;color:var(--faint)}.nav-cote a:hover{background:var(--tint);color:var(--ink)}.nav-cote a.actif{background:var(--vert-clair);color:var(--vert)}.nav-cote a.actif svg{color:var(--vert)}.nav-cote .pastille{margin-left:auto;min-width:20px;padding:1px 6px;border-radius:999px;background:var(--ambre);color:#1b1300;font-size:11px;font-weight:800;text-align:center}main{padding-bottom:var(--e6);max-width:820px;margin:0}}.segments{display:flex;gap:var(--e1);margin-bottom:var(--e4);padding:4px;background:var(--tint);border-radius:999px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.segments::-webkit-scrollbar{display:none}.segments a,.segments button{flex:1 0 auto;min-height:38px;padding:8px var(--e4);display:inline-flex;align-items:center;justify-content:center;border:0;background:none;cursor:pointer;white-space:nowrap;border-radius:999px;text-decoration:none;color:var(--ink-2);font-size:14px;font-weight:650}.segments .actif{background:var(--surface);color:var(--ink);box-shadow:var(--ombre)}.carte{background:var(--surface);border:1px solid var(--rule);border-radius:var(--rayon);padding:var(--e4);margin-bottom:var(--e3);box-shadow:var(--ombre)}.soldes{display:grid;gap:var(--e2);margin-bottom:var(--e4)}.solde{background:var(--surface);border:1px solid var(--rule);border-radius:var(--rayon);padding:var(--e3) var(--e4);display:flex;align-items:baseline;justify-content:space-between;gap:var(--e3);box-shadow:var(--ombre)}.solde .nom{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);font-weight:750}.solde .valeur{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:19px;font-weight:700;letter-spacing:-.03em;white-space:nowrap}.solde.principale .valeur{color:var(--vert)}.solde.roulement .valeur{color:var(--bleu)}.solde.banque .valeur{color:var(--ambre)}@media(min-width:620px){.soldes{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.solde{display:block;padding:var(--e4)}.solde .nom{display:block;margin-bottom:var(--e2)}.solde .valeur{font-size:22px}}.montant{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.montant.debit{color:var(--ink)}.montant.credit{color:var(--vert)}.etiquette{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:750;letter-spacing:.02em;white-space:nowrap}.etiquette.attente{background:var(--ambre-clair);color:var(--ambre)}.etiquette.validee{background:var(--vert-clair);color:var(--vert)}.etiquette.refusee{background:var(--rouge-clair);color:var(--rouge)}.etiquette.neutre{background:var(--tint);color:var(--faint)}.etiquette.info{background:var(--bleu-clair);color:var(--bleu)}.liste{list-style:none;margin:0;padding:0;display:grid;gap:var(--e2)}.liste li{background:var(--surface);border:1px solid var(--rule);border-radius:var(--rayon);padding:var(--e3) var(--e4);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--e2) var(--e3);align-items:start;box-shadow:var(--ombre)}.liste li .corps{min-width:0}.liste li .titre{font-weight:650;font-size:15px;line-height:1.35;letter-spacing:-.005em;overflow-wrap:anywhere}.liste li .detail{color:var(--faint);font-size:12.5px;line-height:1.45;margin-top:2px;overflow-wrap:anywhere}.liste li .droite{text-align:right;display:flex;flex-direction:column;gap:var(--e1);align-items:flex-end;white-space:nowrap}.liste li .boutons{grid-column:1 / -1}.liste a.entree{text-decoration:none;color:inherit;display:contents}@media(max-width:380px){.liste li{grid-template-columns:minmax(0,1fr)}.liste li .droite{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--e2);text-align:left}}.vide{text-align:center;color:var(--faint);padding:var(--e6) var(--e4);font-size:14.5px;background:var(--surface);border:1px dashed var(--rule-fort);border-radius:var(--rayon)}.champ{margin-bottom:var(--e4)}.champ label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:var(--ink-2)}.champ input,.champ select,.champ textarea{width:100%;padding:12px var(--e3);background:var(--surface);border:1px solid var(--rule-fort);border-radius:var(--rayon-2);min-height:46px;font-size:16px}.champ input[inputmode=numeric],.champ input[type=number]{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.champ select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--faint) 50%),linear-gradient(135deg,var(--faint) 50%,transparent 50%);background-position:calc(100% - 19px) 21px,calc(100% - 13px) 21px;background-size:6px 6px;background-repeat:no-repeat;padding-right:38px}.champ input:focus,.champ select:focus,.champ textarea:focus{outline:2px solid var(--vert-vif);outline-offset:0;border-color:transparent}.champ .aide{font-size:12.5px;color:var(--faint);margin-top:5px;line-height:1.45}.duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--e3)}@media(max-width:560px){.duo{grid-template-columns:1fr;gap:0}}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);padding:12px 20px;border:1px solid transparent;border-radius:var(--rayon-2);background:var(--vert);color:#fff;font-weight:700;cursor:pointer;min-height:48px;font-size:15px;letter-spacing:.01em;transition:transform .06s ease}.bouton:active:not(:disabled){transform:scale(.985)}.bouton:disabled{opacity:.45;cursor:not-allowed}.bouton.secondaire{background:var(--surface);color:var(--ink);border-color:var(--rule-fort)}.bouton.danger{background:var(--rouge)}.bouton.petit{padding:8px 14px;min-height:40px;font-size:13.5px}.boutons{display:flex;gap:var(--e2);flex-wrap:wrap}@media(max-width:560px){.carte>.bouton:not(.petit){width:100%}.boutons>.bouton:not(.petit){flex:1 1 160px}}.message{padding:var(--e3) var(--e4);border-radius:var(--rayon-2);margin-bottom:var(--e3);font-size:14px;line-height:1.45;border:1px solid transparent}.message.erreur{background:var(--rouge-clair);color:var(--rouge);border-color:var(--rouge)}.message.succes{background:var(--vert-clair);color:var(--vert);border-color:var(--vert)}.message.info{background:var(--bleu-clair);color:var(--bleu);border-color:var(--bleu)}.tableau{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--rule);border-radius:var(--rayon);box-shadow:var(--ombre)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:10px var(--e3);border-bottom:1px solid var(--rule)}thead th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);background:var(--tint);white-space:nowrap}tbody tr:last-child td{border-bottom:0}td.n,th.n{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.connexion{display:flex;align-items:center;justify-content:center;min-height:100%;padding:calc(var(--haut) + var(--e6)) var(--e5) calc(var(--bas) + var(--e6))}.connexion .boite{width:100%;max-width:380px}.connexion .logo{width:58px;height:58px;border-radius:16px;background:var(--vert);display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:.06em;margin:0 auto var(--e4)}.connexion h1{text-align:center}.connexion .sous-titre{text-align:center;margin-bottom:var(--e5)}.connexion .bouton{width:100%}.selection{display:flex;align-items:center;gap:var(--e3);min-height:44px}.selection input[type=checkbox]{width:24px;height:24px;flex:none;accent-color:var(--vert)}.pied{color:var(--faint);font-size:12px;text-align:center;line-height:1.5;padding:var(--e5) var(--e4) 0}@media(max-width:899px){main>.pied{display:none}}