:root{--fond:#f3f5fa;--surface:#fff;--bordure:#e1e6ef;--texte:#16213d;--doux:#5b6680;--accent:#216ff3;--accent-fonce:#1759d7;--accent-leger:#e8f0ff;--succes:#0f7b5f;--succes-leger:#e3f7ef;--alerte:#a15c00;--alerte-leger:#fff4e0;--rayon:10px;--ombre:0 1px 2px #16213d0f, 0 4px 16px #16213d0f}*{box-sizing:border-box}body{background:var(--fond);color:var(--texte);margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.haut{background:var(--surface);border-bottom:1px solid var(--bordure);align-items:center;gap:24px;padding:12px 32px;display:flex}.haut img{height:30px}.haut .entreprise{font-weight:600}.onglets{gap:4px;margin-left:16px;display:flex}.onglets a{color:var(--doux);border-radius:8px;align-items:center;gap:6px;padding:6px 14px;text-decoration:none;display:flex}.onglets a.actif{background:var(--accent-leger);color:var(--accent-fonce);font-weight:600}.haut .deconnexion{margin-left:auto}main{max-width:1040px;margin:0 auto;padding:28px 32px 48px}h1{margin:0 0 2px;font-size:22px}h2{margin:0 0 10px;font-size:16px}.sous-titre{color:var(--doux);margin:0 0 18px}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre);margin-bottom:18px;padding:18px 20px}.ligne{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.entre{justify-content:space-between}.periodes{border:1px solid var(--bordure);background:var(--surface);border-radius:8px;display:inline-flex;overflow:hidden}.periodes span{border-right:1px solid var(--bordure);color:var(--doux);padding:6px 14px}.periodes span:last-child{border-right:0}.periodes .actif{background:var(--accent);color:#fff;font-weight:600}.tuiles{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px;display:grid}.tuile{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre);padding:16px 20px}.tuile .titre{color:var(--doux)}.tuile .valeur{margin:2px 0;font-size:30px;font-weight:700}.tuile .detail{color:var(--doux);font-size:13px}.deux{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.pastille{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex}.pastille.succes{background:var(--succes-leger);color:var(--succes)}.pastille.neutre{background:var(--fond);color:var(--doux)}.encart{border-radius:8px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.encart.alerte{background:var(--alerte-leger);color:var(--alerte)}.encart.info{background:var(--accent-leger);color:var(--accent-fonce)}.bouton{background:var(--accent);color:#fff;font:inherit;border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-weight:600;display:inline-flex}.bouton.second{background:var(--surface);color:var(--accent-fonce);border:1px solid var(--bordure)}.bouton.inactif{opacity:.45}.lien{color:var(--accent)}.barres .barre{grid-template-columns:150px 1fr 56px;align-items:center;gap:10px;margin:6px 0;display:grid}.barres .fond-barre{background:var(--fond);border-radius:4px;height:12px}.barres .plein{background:var(--accent);border-radius:4px;height:12px}.barres .nb{text-align:right;font-variant-numeric:tabular-nums}.repartition{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.repartition div{border:1px solid var(--bordure);border-radius:8px;padding:10px 12px}.repartition strong{font-size:22px;display:block}.repartition span{color:var(--doux);font-size:13px}table{border-collapse:collapse;width:100%}td{border-top:1px solid var(--bordure);padding:10px 4px}.doux{color:var(--doux)}input[type=email]{font:inherit;border:1px solid var(--bordure);border-radius:8px;width:320px;padding:8px 12px}ul.liste{margin:6px 0 0;padding-left:18px}.case{align-items:center;gap:8px;margin:14px 0;display:flex}.case span.boite{border:1.5px solid var(--doux);border-radius:3px;width:16px;height:16px;display:inline-block}.connexion{text-align:center;max-width:440px;margin:80px auto}.connexion img{height:44px;margin-bottom:18px}.connexion .carte{text-align:left}.connexion input{width:100%;margin:6px 0 14px}svg.picto{flex:none;width:16px;height:16px}.messages{margin-bottom:16px}.encart.erreur{color:#b42318;background:#fdecea}.encart.succes{background:var(--succes-leger);color:var(--succes)}form.enligne{display:inline}button.lien{font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.bouton{cursor:pointer;text-decoration:none}.bouton:disabled{opacity:.45;cursor:default}.periodes a{border-right:1px solid var(--bordure);color:var(--doux);padding:6px 14px;text-decoration:none}.periodes a:last-child{border-right:0}.periodes a.actif{background:var(--accent);color:#fff;font-weight:600}.case input{width:16px;height:16px;margin:0}@media (max-width:760px){.tuiles,.deux,.repartition{grid-template-columns:1fr}.haut{flex-wrap:wrap;padding:12px 16px}main{padding:20px 16px 40px}input[type=email]{width:100%}}