:root{--vert: #0B5D3B;--vert-fonce: #094e32;--or: #C9A227;--or-hover: #D9B133;--or-texte: #20180B;--texte: #16211C;--muted: #5D6A64;--eyebrow: #8A9590;--fond: #F3F5F2;--carte: #FFFFFF;--bord: #E6EAE6;--bord-champ: #D3D9D4;--bord-fin: #E1E5E1;--rouge: #B3261E;--orange: #C1651A;--ambre-fond: #FBF3E2;--ambre-bord: #EAD9AE;--ombre: 0 1px 2px rgba(16,33,28,.04), 0 6px 20px rgba(16,33,28,.05);--nav-h: 66px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--fond);color:var(--texte);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ecran{min-height:100%;padding:22px 18px calc(var(--nav-h) + 24px);max-width:480px;margin:0 auto}.ecran-auth{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:28px 24px;max-width:420px;margin:0 auto}h1{font-size:29px;font-weight:700;letter-spacing:-.5px;line-height:1.12;color:var(--texte);margin:0 0 8px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--eyebrow)}.sous{margin:0 0 30px;font-size:14.5px;line-height:1.5;color:var(--muted);max-width:300px}h2{font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--eyebrow);margin:22px 2px 12px}.logo{width:56px;height:56px;border-radius:17px;background:var(--vert);display:flex;align-items:center;justify-content:center;margin-bottom:22px;box-shadow:0 8px 20px #0b5d3b3d}.logo svg{width:28px;height:28px;color:var(--or)}label{display:block;font-size:13px;font-weight:600;color:#39443e;margin:0 0 8px}.champ{width:100%;height:56px;padding:0 16px;font-size:17px;color:var(--texte);border:1.5px solid var(--bord-champ);border-radius:14px;background:#fff;font-family:inherit}.champ:focus{outline:none;border-color:var(--vert)}.champ.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2px}.bloc{margin-bottom:18px}.tel{display:flex;align-items:center;gap:12px;border:1.5px solid var(--bord-champ);border-radius:14px;padding:0 14px;height:56px;background:#fff}.tel:focus-within{border-color:var(--vert)}.tel .prefixe{font-size:16px;color:var(--muted);font-variant-numeric:tabular-nums}.tel .sep{width:1px;height:24px;background:var(--bord-fin)}.tel input{flex:1;border:0;outline:none;font-size:17px;color:var(--texte);background:transparent;min-width:0;font-family:inherit}.btn{width:100%;height:52px;border:0;border-radius:14px;font-size:16px;font-weight:650;cursor:pointer;font-family:inherit}.btn-primaire{background:var(--vert);color:#fff}.btn-primaire:active{background:var(--vert-fonce)}.btn:disabled{opacity:.5}.btn-or{background:var(--or);color:var(--or-texte);border-radius:13px;font-weight:700;font-size:16.5px}.btn-or:active{background:var(--or-hover)}.btn-ligne{background:#fff;border:1.5px solid var(--vert);color:var(--vert)}.btn-danger{background:#fff;border:1.5px solid var(--rouge);color:var(--rouge)}.btn-lien{background:none;border:0;color:var(--vert);font-weight:600;font-size:14.5px;padding:14px;width:100%;cursor:pointer;font-family:inherit}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:18px;padding:16px 18px;margin-bottom:12px;box-shadow:var(--ombre)}.carte-du{position:relative;overflow:hidden;background:var(--vert);color:#fff;border:0;padding:22px;text-align:center;box-shadow:0 10px 26px #0b5d3b38}.carte-du:before{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:#c9a22729}.carte-du>*{position:relative}.carte-du .eyebrow{color:#ffffffb8}.carte-du .montant{font-size:46px;font-weight:800;line-height:1.05;letter-spacing:-1.5px}.carte-du .unite{font-size:17px;font-weight:600;opacity:.9}.carte-du .st{font-size:14px;color:#fffc;margin-top:6px}.ligne-due{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-left:4px solid transparent}.ligne-due.proche{border-left-color:var(--orange)}.ligne-due.depasse{border-left-color:var(--rouge)}.titre-due{font-weight:650;font-size:15px}.ref{font-size:12px;color:var(--muted);font-family:ui-monospace,monospace;letter-spacing:.2px;margin-top:2px}.echeance{font-size:13px;margin-top:5px;color:var(--muted)}.echeance.urgent{color:var(--orange);font-weight:600}.montant-due{font-weight:800;font-size:17px;white-space:nowrap}.pastille{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:6px 11px;border-radius:999px;white-space:nowrap}.p-confirme{background:#e3f3ea;color:var(--vert)}.p-observation{background:var(--ambre-fond);color:var(--orange)}.p-suspendu{background:#fbe6e4;color:var(--rouge)}.bandeau{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;font-size:14px}.erreur{background:#fbe6e4;color:var(--rouge);font-weight:600}.identite{display:flex;align-items:center;gap:12px;margin-bottom:18px}.avatar{width:48px;height:48px;border-radius:50%;background:var(--vert);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex:none;object-fit:cover}.nom{font-weight:700;font-size:16px;line-height:1.2}.mat{font-size:12px;color:var(--muted);font-family:ui-monospace,monospace;margin-top:2px}.nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--bord);display:flex;max-width:480px;margin:0 auto;padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;border:none;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;padding-top:2px}.nav-item.actif{color:var(--vert)}.nav-item .pt{width:23px;height:23px}.nav-badge{position:relative}.nav-badge:after{content:attr(data-n);position:absolute;top:-5px;right:-9px;background:var(--rouge);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px}.pt{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.centre,.chargement{text-align:center;color:var(--muted);padding:40px 0}.hint{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.4}