:root{--bleu: #16477E;--nuit: #0E2A4C;--or: #C9A227;--or-clair: #F3E7C4;--vert: #0E7B4F;--vert-clair: #E4F1EA;--rouge: #BE4B34;--rouge-clair: #F7E6E1;--bleu-clair: #E3ECF6;--papier: #F5F6F2;--encre: #14251D;--ligne: #E3E6DE;--gris: #6B7770}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,sans-serif;background:var(--papier);color:var(--encre)}h1,h2,h3,.chiffre{font-family:Space Grotesk,sans-serif}.entete{background:linear-gradient(180deg,var(--bleu),var(--nuit));color:#fff;padding:14px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.entete .marque{font-weight:700;font-size:18px;letter-spacing:.02em}.entete .marque span{color:#e8c97a}.entete .devise{font-size:10px;opacity:.75;letter-spacing:.14em}.nav{display:flex;gap:4px;padding:8px 14px;background:#fff;border-bottom:1px solid var(--ligne);overflow-x:auto;position:sticky;top:0;z-index:5}.nav button{border:0;background:transparent;color:var(--gris);font:inherit;font-size:13px;padding:7px 12px;border-radius:8px;cursor:pointer;white-space:nowrap}.nav button.actif{background:var(--bleu-clair);color:var(--bleu);font-weight:600}main{max-width:1100px;margin:0 auto;padding:16px}.carte{background:#fff;border:1px solid var(--ligne);border-radius:10px;padding:16px;margin-bottom:14px}.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:14px}.kpi{border-radius:10px;padding:14px}.kpi .libelle{font-size:11px;opacity:.8}.kpi .chiffre{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:8px;border-bottom:2px solid var(--encre);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--gris)}td{padding:8px;border-bottom:1px solid var(--ligne);font-variant-numeric:tabular-nums}.droite{text-align:right}input,select{font:inherit;padding:9px 12px;border:1px solid var(--ligne);border-radius:8px;width:100%}label{font-size:12px;color:var(--gris);display:block;margin:8px 0 4px}.bouton{background:var(--bleu);color:#fff;border:0;border-radius:8px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer}.bouton.or{background:var(--or);color:var(--nuit)}.bouton.contour{background:transparent;color:var(--bleu);border:1px solid var(--bleu)}.bouton:disabled{opacity:.45;cursor:not-allowed}.puce{display:inline-block;border:1px solid var(--ligne);border-radius:20px;padding:6px 14px;font-size:12.5px;cursor:pointer;margin:0 6px 6px 0;background:#fff}.puce.active{background:var(--bleu);color:#fff;border-color:var(--bleu)}.badge{border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.message{background:var(--vert-clair);color:var(--vert);border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:13px}.message.erreur{background:var(--rouge-clair);color:var(--rouge)}.note{font-size:11px;color:var(--gris);margin-top:8px}.connexion{max-width:380px;margin:8vh auto;text-align:center}.connexion img{width:150px;margin-bottom:8px}@media (max-width: 640px){.kpi .chiffre{font-size:16px}}@media print{.entete,.nav,.bouton,.note{display:none!important}body{background:#fff}.carte{border:none;page-break-inside:avoid}}.nav.sousnav{background:var(--bleu-clair, #E8EEF6);padding-top:6px;padding-bottom:6px}.nav.sousnav button{font-size:13px;padding:6px 12px}