:root{--fond:#f4f5f2;--carte:#fff;--carte-2:#eef0ec;--encre:#141a17;--doux:#5b6660;--pale:#8a948e;--trait:#141a1717;--accent:#1f6f4a;--accent-pale:#e2f1e8;--ok:#1f7a4d;--ok-pale:#e3f1e8;--ambre:#94600a;--ambre-pale:#fbf0da;--rouge:#a3312a;--rouge-pale:#f9e4e2;--barre:#2c6b4e;--ombre:0 1px 2px #0000000a, 0 4px 16px #0000000a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fond:#0f1512;--carte:#171f1b;--carte-2:#1f2924;--encre:#eef2ef;--doux:#a3aea8;--pale:#74807a;--trait:#ffffff14;--accent:#5fcf95;--accent-pale:#173326;--ok:#5fcf95;--ok-pale:#173326;--ambre:#f0b44c;--ambre-pale:#33270f;--rouge:#f08a82;--rouge-pale:#3a1b18;--barre:#4fbf86;--ombre:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fond);color:var(--encre);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 Segoe UI,system-ui,-apple-system,sans-serif}.app{max-width:560px;padding:calc(18px + env(safe-area-inset-top)) 16px calc(92px + env(safe-area-inset-bottom));margin:0 auto}header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.logo{background:var(--accent);width:34px;height:34px;color:var(--fond);letter-spacing:-.02em;border-radius:10px;place-items:center;font-size:14px;font-weight:700;display:grid}h1{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:650}.pastille{background:var(--pale);border-radius:50%;width:7px;height:7px}h2{text-transform:none;color:var(--doux);margin:22px 2px 8px;font-size:13px;font-weight:600}.carte{background:var(--carte);border:1px solid var(--trait);box-shadow:var(--ombre);border-radius:16px;padding:14px 16px}.grille{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kpi .l{color:var(--doux);margin:0;font-size:12.5px}.kpi .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:28px;font-weight:650;line-height:1.15}.kpi .s{color:var(--doux);margin:4px 0 0;font-size:12.5px}.s.rouge{color:var(--rouge)}.s.ambre{color:var(--ambre)}.s.ok{color:var(--ok)}.alerte{border-radius:14px;align-items:flex-start;gap:11px;margin-bottom:8px;padding:11px 14px;display:flex}.alerte.grave{background:var(--rouge-pale);color:var(--rouge)}.alerte.moyen{background:var(--ambre-pale);color:var(--ambre)}.alerte b{font-size:14px;font-weight:650;display:block}.alerte span{opacity:.92;font-size:13px}.alerte svg{flex:none;margin-top:2px}.etape{margin-bottom:12px}.etape .ligne{justify-content:space-between;gap:10px;margin-bottom:5px;font-size:13.5px;display:flex}.etape .ligne b{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.etape .ligne small{color:var(--doux);margin-left:6px;font-weight:400}.piste{background:var(--carte-2);border-radius:6px;height:10px;overflow:hidden}.plein{background:var(--barre);border-radius:6px;height:100%;transition:width .7s cubic-bezier(.2,.8,.2,1);animation:.7s cubic-bezier(.2,.8,.2,1) remplir}@keyframes remplir{0%{width:0}}.plein.nul{background:var(--rouge);min-width:4px}.bascule{background:var(--carte-2);border-radius:10px;gap:2px;margin:0 8px 14px 0;padding:3px;display:inline-flex}.bascule button{color:var(--doux);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:13px}.bascule button[aria-pressed=true]{background:var(--carte);color:var(--encre);box-shadow:var(--ombre);font-weight:600}.note{color:var(--doux);margin:10px 2px 0;font-size:12.5px}.note+.carte{margin-top:8px}.liste{margin:0;padding:0;list-style:none}.liste li{border-bottom:1px solid var(--trait);align-items:center;gap:10px;padding:11px 0;font-size:14px;display:flex}.liste li:last-child{border-bottom:0}.liste.carte{padding:3px 16px}.liste .d{color:var(--doux);text-align:right;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.pt{border-radius:50%;flex:none;width:9px;height:9px}.pt.vert{background:var(--ok)}.pt.ambre{background:var(--ambre)}.pt.rouge{background:var(--rouge)}.badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:600}.badge.ok{background:var(--ok-pale);color:var(--ok)}.badge.ambre{background:var(--ambre-pale);color:var(--ambre)}.badge.rouge{background:var(--rouge-pale);color:var(--rouge)}.badge.gris{background:var(--carte-2);color:var(--doux)}.abonne{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.abonne .haut{justify-content:space-between;align-items:center;gap:8px;display:flex}.abonne .adr{overflow-wrap:anywhere;font-size:14px;font-weight:600}.abonne .bas{color:var(--doux);margin-top:3px;font-size:12.5px}.abonne+.abonne{border-top:1px solid var(--trait);margin-top:12px;padding-top:12px}.onglets{background:color-mix(in srgb, var(--carte) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--trait);padding:8px max(8px, calc((100% - 560px) / 2)) calc(8px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.onglets a:focus-visible,.bascule button:focus-visible,.bandeau:focus-visible,.abonne:focus-visible,.fraicheur:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.plein{transition:none;animation:none}}@media (min-width:900px){.app{max-width:620px}}.pt.gris{background:var(--pale)}.carte.grise{opacity:.6}.bandeau{text-align:left;width:100%;font:inherit;cursor:pointer;border:0;border-radius:14px;margin-bottom:10px;padding:11px 14px;display:block}.bandeau.grave{background:var(--rouge-pale);color:var(--rouge)}.bandeau.moyen{background:var(--ambre-pale);color:var(--ambre)}.bandeau>b{display:block}.bandeau span,.bandeau li{font-size:13px}.bandeau ul{margin:6px 0 0;padding-left:18px}.courbe{width:100%;height:64px}.courbe .trait{stroke:var(--barre);stroke-width:2px;stroke-linejoin:round}.courbe .paye{fill:var(--ambre)}.fraicheur{color:var(--doux);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12.5px;display:inline-flex}.fraicheur .pastille{background:var(--ok);border-radius:50%;width:7px;height:7px}.fraicheur .pastille.ambre{background:var(--ambre)}.onglets a{color:var(--pale);flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:11.5px;text-decoration:none;display:flex}.onglets a[aria-current=page]{color:var(--accent);font-weight:600}.connexion{max-width:360px;padding:calc(22vh + env(safe-area-inset-top)) 16px 0;text-align:center;gap:14px;margin:0 auto;display:grid}.connexion input{font:inherit;letter-spacing:.15em;text-align:center;border:1px solid var(--trait);background:var(--carte);color:var(--encre);text-transform:uppercase;border-radius:12px;padding:12px;font-size:20px}.connexion .logo{border-radius:14px;width:48px;height:48px;margin:0 auto;font-size:18px}.connexion form{text-align:left;gap:10px;display:grid}.connexion label{color:var(--doux);font-size:13px}.principal{font:inherit;background:var(--accent);color:var(--fond);cursor:pointer;border:0;border-radius:12px;padding:13px;font-weight:600}.lien{font:inherit;color:var(--doux);cursor:pointer;background:0 0;border:0;text-decoration:underline}.erreur{color:var(--rouge)}