:root{--encre: #0F1F1A;--papier: #E9EDE8;--panneau: #FFFFFF;--pin: #1D4D3C;--sauge: #8CA69A;--ardoise: #5F7480;--ambre: #B8722A;--regle: #CFD6CD;--attenue: #5C6B63;--rouge: #A03A28;--alerte-fond: #FBF1E6;--alerte-bord: #E4C39A;--survol: #F4F7F3;--classe-disponible: var(--pin);--classe-affecte: var(--ardoise);--classe-place: var(--sauge);--sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#racine{height:100%}body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.page{padding:28px 20px 56px}.contenu{max-width:1080px;margin:0 auto}.panneau{background:var(--panneau);border:1px solid var(--regle);border-radius:4px}button{font-family:inherit}.btn{border:1px solid var(--regle);background:var(--panneau);color:var(--encre);border-radius:3px;padding:9px 14px;font-size:12.5px;font-weight:500;cursor:pointer}.btn[aria-pressed=true]{background:var(--pin);border-color:var(--pin);color:var(--panneau)}.btn:hover{border-color:var(--pin)}.btn:focus-visible,.ligne:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--pin);outline-offset:2px}.bandeau{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.source{display:flex;align-items:center;gap:8px;padding:6px 11px;border-radius:3px;background:var(--panneau);border:1px solid var(--regle);font-size:12px}.source.attention{background:var(--alerte-fond);border-color:var(--alerte-bord)}.source .pastille{width:6px;height:6px;border-radius:50%;background:var(--pin);flex-shrink:0}.source.attention .pastille{background:var(--ambre)}.source .detail{color:var(--attenue);font-size:11.5px}.source.attention .detail{color:var(--ambre)}.position{padding:26px 28px 22px}.position-tete{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.montant-principal{font-size:52px;font-weight:600;line-height:1;color:var(--pin)}.montant-principal.negatif{color:var(--rouge)}.repartition{margin-top:12px;font-size:13px;color:var(--attenue);display:flex;gap:18px;flex-wrap:wrap}.repartition b{color:var(--encre)}.puce{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}.barre{display:flex;height:46px;border-radius:3px;overflow:hidden;border:1px solid var(--regle)}.segment{border-right:1px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;transition:opacity .18s ease;border-top:0;border-bottom:0;border-left:0;padding:0;cursor:default}.segment:last-child{border-right:0}.segment.attenue{opacity:.32}.segment span{color:#fff;font-size:11px;font-weight:500}.legende-barre{margin-top:9px;font-size:12px;color:var(--attenue);min-height:18px}.banniere{margin-top:14px;padding:14px 18px;background:var(--alerte-fond);border:1px solid var(--alerte-bord);border-radius:4px}.banniere .titre{color:var(--ambre);margin-bottom:8px}.banniere ul{margin:0;padding-left:18px}.banniere li{font-size:13px;padding:2px 0}.courbe{margin-top:28px;padding:22px 24px 16px}.courbe svg{display:block;width:100%;height:auto}.tableau{margin-top:28px}.grille{display:grid;grid-template-columns:1.9fr 1fr 1fr 1fr 1fr;align-items:center;gap:4px}.entete-grille{padding:10px 18px;border-bottom:1px solid var(--regle);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--attenue);font-weight:600}.entete-grille>*:not(:first-child){text-align:right}.ligne{width:100%;text-align:left;font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid var(--regle);padding:13px 18px;cursor:pointer;font-size:13.5px;transition:background .14s ease}.ligne:hover{background:var(--survol)}.ligne[aria-expanded] .chevron{transition:transform .16s ease;display:inline-block}.ligne[aria-expanded=true] .chevron{transform:rotate(90deg)}.cellule-nom{display:flex;align-items:center;gap:10px;min-width:0}.filet{width:3px;height:26px;border-radius:2px;flex-shrink:0}.cellule-nom .nom{font-weight:500;overflow-wrap:anywhere}.cellule-nom .sous{font-size:11.5px;color:var(--attenue)}.montant{text-align:right}.montant.negatif{color:var(--rouge)}.montant.vide{color:#c8cfc7}.montant.total{font-weight:600}.detail-comptes{background:var(--survol);border-bottom:1px solid var(--regle);padding:6px 18px 12px 31px}.ligne-compte{display:grid;grid-template-columns:1.7fr .9fr 1fr;gap:8px;padding:7px 0;font-size:12.5px;border-bottom:1px solid var(--regle)}.ligne-compte:last-child{border-bottom:0}.ligne-compte .exclu{color:var(--ambre)}.ligne-compte .banque{font-weight:500}.ligne-compte .meta{color:var(--attenue)}.pied-consolide{padding:14px 18px;background:var(--encre);color:var(--papier);font-size:13.5px}.note{margin-top:18px;font-size:11.5px;color:var(--attenue)}.connexion{max-width:380px;margin:0 auto;padding:48px 0}.connexion .panneau{padding:26px 24px}.champ{display:block;margin-bottom:14px}.champ span{display:block;font-size:12px;color:var(--attenue);margin-bottom:5px}.champ input{width:100%;padding:9px 11px;font-size:14px;font-family:inherit;border:1px solid var(--regle);border-radius:3px;background:var(--panneau);color:var(--encre)}.erreur{margin:0 0 14px;padding:9px 11px;font-size:12.5px;background:#f6e4e1;border:1px solid #E0B5AD;border-radius:3px;color:var(--rouge)}@media (max-width: 720px){.page{padding:18px 12px 40px}.position{padding:20px 16px 18px}.montant-principal{font-size:38px}.grille{grid-template-columns:1.6fr 1fr}.grille .colonne-classe{display:none}.ligne,.entete-grille,.pied-consolide{padding-left:12px;padding-right:12px}.detail-comptes{padding-left:16px;padding-right:12px}.courbe{padding:18px 12px 12px}}@media (max-width: 420px){body{font-size:14px}.montant-principal{font-size:30px}.repartition{gap:8px 14px;font-size:12px}.bandeau{gap:6px}.source{padding:5px 9px;font-size:11.5px}.ligne-compte{grid-template-columns:1fr auto;row-gap:2px}.ligne-compte .fraicheur-compte{grid-column:1;font-size:11px}.segment span{display:none}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}