:root{--bleu: #1a597b;--turquoise: #3eb5e7;--bleu-fonce: #0f2d3d;--bleu-pale: #eef4fa;--navy: #13293d;--navy-sombre: #0e2233;--brand-soft: #7fb3d5;--rouge: #c0524a;--encre: #16283a;--texte: #3b4c5c;--sourdine: #6b8092;--ligne: #e2e9f0;--fond: #f3f6fa;--blanc: #ffffff;--vert: #1f8a5e;--orange: #c17d24;--radius: 14px;--ombre: 0 2px 10px rgba(19, 41, 61, .06), 0 1px 2px rgba(19, 41, 61, .04);--ombre-haute: 0 8px 28px rgba(19, 41, 61, .1);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-feature-settings:"cv02","cv03","cv04"}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--fond);color:var(--texte)}body{font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--bleu);text-decoration:none;font-weight:500}h1{font-size:24px;font-weight:700;letter-spacing:-.022em;margin:0;color:var(--encre)}h2{font-size:14.5px;font-weight:650;letter-spacing:-.01em;margin:0 0 14px;color:var(--encre)}.app{display:flex;height:100vh}.sidebar{width:240px;flex-shrink:0;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-sombre) 100%);color:#d7e3ec;display:flex;flex-direction:column;overflow-y:auto}.sidebar-logo{padding:22px 18px 12px;display:block}.sidebar-logo .titre{font-weight:700;font-size:16px;color:#fff;letter-spacing:-.015em;line-height:1.25}.sidebar-logo .sous-titre{font-weight:500;font-size:12px;color:var(--brand-soft);line-height:1.35}.nav-groupe{padding:12px 12px 0}.nav-groupe-titre{font-size:10.5px;font-weight:650;text-transform:uppercase;letter-spacing:.09em;color:var(--brand-soft);padding:0 10px 6px;opacity:.9}.nav-lien{display:flex;align-items:center;gap:10px;padding:7.5px 10px;border-radius:9px;color:#b9c9d6;font-weight:500;margin-bottom:1px;font-size:13.5px}.nav-lien:hover{background:#7fb3d51f;color:#fff}.nav-lien.actif{background:var(--bleu);color:#fff;font-weight:600;box-shadow:0 2px 8px #0000002e}.nav-lien svg{width:18px;height:18px;stroke-width:1.7;flex-shrink:0;color:currentColor;opacity:.9}.sidebar-pied{margin-top:auto;padding:12px;border-top:1px solid rgba(127,179,213,.18)}.principal{flex:1;display:flex;flex-direction:column;min-width:0}.entete{height:60px;flex-shrink:0;background:var(--blanc);border-bottom:1px solid var(--ligne);display:flex;align-items:center;gap:14px;padding:0 28px}.contenu{flex:1;overflow-y:auto;padding:28px 32px 40px}.recherche{position:relative;flex:1;max-width:460px}.recherche input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--ligne);border-radius:8px;background:var(--fond);font-size:13.5px;outline:none}.recherche input:focus{border-color:var(--bleu);background:var(--blanc);box-shadow:0 0 0 3px #1a597b21}.recherche .loupe{position:absolute;left:10px;top:8px;color:var(--sourdine);width:17px;height:17px}.recherche-resultats{position:absolute;top:42px;left:0;right:0;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius);box-shadow:0 8px 24px #1018281f;max-height:420px;overflow-y:auto;z-index:50}.recherche-groupe{padding:8px 12px 2px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--sourdine)}.recherche-item{display:block;padding:7px 12px;color:var(--encre)}.recherche-item:hover{background:var(--bleu-pale)}.recherche-item .sous{color:var(--sourdine);font-size:12.5px}.floute .montant{filter:blur(7px);-webkit-user-select:none;user-select:none}.btn-oeil{border:1px solid var(--ligne);background:var(--blanc);border-radius:8px;padding:7px 9px;cursor:pointer;color:var(--texte);display:flex;align-items:center}.btn-oeil:hover{background:var(--fond)}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:10px;border:1px solid #d3dde5;background:var(--blanc);color:var(--encre);font-weight:550;font-size:13px;cursor:pointer;transition:background .12s,border-color .12s,transform .08s,box-shadow .12s;font-family:inherit;box-shadow:0 1px 2px #13293d0d}.btn:hover{background:var(--bleu-pale);border-color:#b9cddb}.btn:active{transform:translateY(1px)}.btn-primaire{background:linear-gradient(180deg,#1e6089 0%,var(--bleu) 100%);border-color:var(--bleu);color:#fff;font-weight:600;box-shadow:0 2px 8px #1a597b47}.btn-primaire:hover{background:var(--bleu-fonce);border-color:var(--bleu-fonce)}.btn:disabled{opacity:.5;cursor:default;transform:none}.champ{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.champ label{font-size:12.5px;font-weight:600;color:var(--texte)}.champ input,.champ select,.champ textarea{padding:8px 11px;border:1px solid var(--ligne);border-radius:8px;font-size:14px;outline:none;background:var(--blanc)}.champ input:focus,.champ select:focus,.champ textarea:focus{border-color:var(--bleu);box-shadow:0 0 0 3px #1a597b21}.erreur{color:var(--rouge);font-size:13px}.carte{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius);box-shadow:var(--ombre);padding:20px 22px}.kpi{display:flex;flex-direction:column;gap:4px;border-top:3px solid var(--turquoise)}.kpi .kpi-libelle{font-size:12px;color:var(--sourdine);font-weight:550;text-transform:uppercase;letter-spacing:.05em}.kpi .kpi-valeur{font-size:27px;font-weight:700;letter-spacing:-.025em;color:var(--encre);font-variant-numeric:tabular-nums}.kpi .kpi-detail{font-size:12px;color:var(--sourdine)}.grille-kpi .carte:nth-child(2).kpi{border-top-color:var(--bleu)}.grille-kpi .carte:nth-child(3).kpi{border-top-color:var(--brand-soft)}.grille-kpi .carte:nth-child(4).kpi{border-top-color:var(--bleu-fonce)}.grille-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.tableau-outils{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.tableau-outils .espace{flex:1}table.listing{width:100%;border-collapse:collapse;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius);overflow:hidden}.listing thead th{text-align:left;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--bleu);padding:11px 16px;border-bottom:1px solid var(--ligne);background:#f6f9fc;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.listing tbody td{padding:12px 16px;border-bottom:1px solid #eef2f6;font-variant-numeric:tabular-nums;font-size:13.5px}.listing tbody tr:last-child td{border-bottom:none}.listing tbody tr:hover{background:var(--bleu-pale);cursor:pointer}.enveloppe-tableau{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius);overflow:hidden}.enveloppe-tableau table.listing{border:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:#edf1f5;color:var(--texte);white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#93c5d8;flex-shrink:0}.badge-gris:before{background:#9db2c0}.badge-bleu{background:#e2f2fb;color:#16638c}.badge-bleu:before{background:var(--turquoise)}.badge-vert{background:#e0f2ea;color:var(--vert)}.badge-vert:before{background:var(--vert)}.badge-orange{background:#f9efdd;color:#9a6516}.badge-orange:before{background:var(--orange)}.badge-rouge{background:#f9e8e6;color:var(--rouge)}.badge-rouge:before{background:var(--rouge)}.voile{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e223380;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100}.modale{background:var(--blanc);border-radius:16px;box-shadow:0 24px 60px #0e22334d;width:min(600px,92vw);max-height:88vh;overflow-y:auto}.modale-tete{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--ligne)}.modale-corps{padding:20px}.modale-pied{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--ligne)}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 18px 22px;border-left:2px solid var(--ligne);margin-left:6px}.timeline li:last-child{padding-bottom:0}.timeline .point{position:absolute;left:-6px;top:2px;width:10px;height:10px;border-radius:50%;background:var(--bleu);border:2px solid var(--blanc)}.timeline .quand{font-size:12px;color:var(--sourdine)}.vide{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:80px 20px;color:var(--sourdine);text-align:center}.vide svg{width:40px;height:40px;stroke-width:1.3;opacity:.6}.pastille-personne{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.toasts{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;background:var(--encre);color:#fff;font-size:13px;font-weight:500;box-shadow:0 8px 24px #0f2d3d40;animation:toast-in .18s ease-out}.toast.erreur{background:#7e3a33}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.chargement{display:flex;align-items:center;gap:10px;color:var(--sourdine);padding:48px 0;justify-content:center;font-size:13px}.chargement:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--ligne);border-top-color:var(--bleu);animation:tourne .7s linear infinite}@keyframes tourne{to{transform:rotate(360deg)}}.nav-compteur{margin-left:auto;background:#f6e9e7;color:var(--rouge);font-size:10.5px;font-weight:650;border-radius:999px;padding:1px 7px;line-height:1.5}.point-ep-rond{width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #2a5c82;transition:transform .12s ease}.point-ep:hover .point-ep-rond{transform:scale(1.5)}.point-ep-bulle{pointer-events:none;position:absolute;bottom:14px;left:50%;transform:translate(-50%);white-space:nowrap;border-radius:6px;background:#1a2e42;color:#fff;padding:4px 8px;font-size:11px;opacity:0;transition:opacity .12s ease;box-shadow:0 4px 14px #13293d40;z-index:10;font-variant-numeric:tabular-nums}.point-ep:hover .point-ep-bulle{opacity:1}:focus-visible{outline:2px solid var(--turquoise);outline-offset:1px;border-radius:6px}button,a,select{transition:background .12s ease,color .12s ease}.page-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--fond)}.boite-login{width:380px}