:root{--creme:#fbf6ec;--surface:#fff;--bord:#efe6d4;--primaire:#16295a;--primaire-clair:#2b4287;--texte:#16295a;--doux:#6a7488;--vert:#166534;--vert-fond:#f0fdf4;--vert-bord:#bbf7d0;--ambre:#92400e;--ambre-fond:#fffbeb;--ambre-bord:#fde68a;--rouge:#9f1239;--rouge-fond:#fff1f2;--rouge-bord:#fecdd3;--ombre:0 1px 2px #16295a0f, 0 8px 24px #16295a0f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--creme);color:var(--texte);-webkit-font-smoothing:antialiased;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.55}h1,h2,h3,.titre{letter-spacing:-.01em;font-family:Fredoka,Nunito Sans,sans-serif;font-weight:600}h1{margin:0 0 6px;font-size:28px}h2{margin:0 0 12px;font-size:20px}a{color:var(--primaire-clair);text-decoration:none}a:hover{text-decoration:underline}.page{max-width:1080px;margin:0 auto;padding:26px 18px 70px}.etroit{max-width:440px}.entete{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.marque{align-items:center;gap:9px;font-family:Fredoka,sans-serif;font-size:20px;font-weight:600;display:flex}.lune{animation:4s ease-in-out infinite flotte;display:inline-block}@keyframes flotte{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-8deg)}}.carte{background:var(--surface);border:1px solid var(--bord);box-shadow:var(--ombre);border-radius:18px;padding:22px;transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s}.carte.vivante:hover{transform:translateY(-3px);box-shadow:0 6px 14px #16295a14,0 18px 40px #16295a1a}.grille{gap:16px;display:grid}.g2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.kpi .valeur{font-family:Fredoka,sans-serif;font-size:30px;font-weight:600;line-height:1.15}.kpi .libelle{color:var(--doux);text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;font-weight:700}.kpi .note{color:var(--doux);margin-top:4px;font-size:13px}label{color:var(--doux);margin:0 0 5px;font-size:13px;font-weight:700;display:block}input,select,textarea{border:1px solid var(--bord);width:100%;font:inherit;color:var(--texte);background:#fffdf9;border-radius:11px;padding:11px 13px;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:var(--primaire-clair);outline:none;box-shadow:0 0 0 3px #2b428721}.champ{margin-bottom:14px}.bouton{background:var(--primaire);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:700;transition:transform .16s cubic-bezier(.2,.8,.3,1),box-shadow .16s,background .16s;display:inline-flex}.bouton:hover:not(:disabled){background:var(--primaire-clair);transform:translateY(-2px);box-shadow:0 6px 18px #16295a38}.bouton:active:not(:disabled){transform:translateY(0)scale(.975)}.bouton:disabled{opacity:.45;cursor:not-allowed}.bouton.fantome{color:var(--primaire);border:1px solid var(--bord);background:0 0}.bouton.fantome:hover:not(:disabled){box-shadow:none;background:#fffdf9}.bouton.plein{width:100%}.etiquette{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.et-vert{background:var(--vert-fond);color:var(--vert);border:1px solid var(--vert-bord)}.et-ambre{background:var(--ambre-fond);color:var(--ambre);border:1px solid var(--ambre-bord)}.et-rouge{background:var(--rouge-fond);color:var(--rouge);border:1px solid var(--rouge-bord)}.et-gris{color:var(--doux);border:1px solid var(--bord);background:#f4f6fb}.code{letter-spacing:.08em;border:1px dashed var(--primaire-clair);background:#f4f6fb;border-radius:12px;padding:12px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:700;transition:background .2s,transform .2s;display:inline-block}.code:hover{background:#eaf0ff;transform:scale(1.02)}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--doux);border-bottom:1px solid var(--bord);padding:9px 10px;font-size:11.5px}td{border-bottom:1px solid #f5efe2;padding:11px 10px}tbody tr{transition:background .15s}tbody tr:hover{background:#fffdf9}.defile{-webkit-overflow-scrolling:touch;overflow-x:auto}.alerte{border-radius:12px;margin-bottom:14px;padding:12px 15px;font-size:14px;animation:.3s apparait}.al-rouge{background:var(--rouge-fond);border:1px solid var(--rouge-bord);color:var(--rouge)}.al-vert{background:var(--vert-fond);border:1px solid var(--vert-bord);color:var(--vert)}.al-ambre{background:var(--ambre-fond);border:1px solid var(--ambre-bord);color:var(--ambre)}@keyframes apparait{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.entree{animation:.45s cubic-bezier(.2,.8,.3,1) both monte}.entree:nth-child(2){animation-delay:50ms}.entree:nth-child(3){animation-delay:.1s}.entree:nth-child(4){animation-delay:.15s}@keyframes monte{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.doux{color:var(--doux);font-size:13.5px}.centre{text-align:center}.onglets{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.onglet{border:1px solid var(--bord);background:var(--surface);cursor:pointer;font:inherit;color:var(--doux);border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:700;transition:all .18s}.onglet:hover{transform:translateY(-1px)}.onglet.actif{background:var(--primaire);color:#fff;border-color:var(--primaire)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}