:root{--bg: #eef2f1;--bg-2: #e4eae9;--surface: #ffffff;--surface-2: #f6f8f8;--text: #0d3134;--text-muted: #5c7572;--text-faint: #9db0ad;--accent: #1f8e86;--accent-2: #4bb8b0;--on-accent: #ffffff;--voile: rgba(255, 255, 255, .16);--accent-soft: #e2f1ef;--accent-line: #cde5e2;--border: #e1e8e7;--border-strong: #d2dbda;--danger: #b3261e;--danger-soft: #fceeec;--warn-soft: #fdf3e2;--warn: #9a6a12;--grad-accent: linear-gradient(135deg, #1f8e86 0%, #46b3ab 100%);--grad-soft: linear-gradient(140deg, #ecf6f4 0%, #e0f0ee 100%);--grad-hero: linear-gradient(140deg, #2ba29a 0%, #4bb8b0 48%, #0d3134 130%);--grad-nav: linear-gradient(180deg, #0d3134 0%, #0a2a2c 100%);--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(13, 49, 52, .04), 0 8px 24px rgba(13, 49, 52, .06);--shadow-sm: 0 1px 2px rgba(13, 49, 52, .05), 0 3px 10px rgba(13, 49, 52, .05);--nav: 252px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:var(--nav) 1fr;height:100%}.nav{background:var(--grad-nav);color:#f2faf8;display:flex;flex-direction:column;padding:18px 14px;gap:6px}.nav-marque{display:flex;align-items:center;gap:12px;padding:6px 8px 22px}.nav-pastille{width:38px;height:38px;border-radius:11px;background:#ffffff1f;display:grid;place-items:center;flex-shrink:0}.nav-titre{font-size:15px;font-weight:600;letter-spacing:-.2px}.nav-sous{font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:#f2faf880;margin-top:2px}.nav-lien{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:var(--radius-sm);color:#f2faf8b8;font-size:14.5px;font-weight:500;transition:background .15s,color .15s}.nav-lien:hover{background:#ffffff0f;color:#f2faf8}.nav-lien.actif{background:#ffffff1f;color:#fff;box-shadow:inset 2px 0 0 var(--accent-2)}.nav-compteur{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--accent-2);color:#04211f;font-size:12px;font-weight:700;display:grid;place-items:center}.nav-pied{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:2px}.contenu{display:flex;flex-direction:column;min-width:0;overflow:hidden}.barre-haut{height:64px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px}@keyframes page-entre{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.page>*{animation:none!important}}.page>*{animation:page-entre .22s cubic-bezier(.22,1,.36,1) both}.page{flex:1;overflow-y:auto;padding:28px}.page-titre{font-size:27px;font-weight:500;letter-spacing:-.5px;margin:0}.page-sous{color:var(--text-muted);font-size:14.5px;margin:6px 0 24px}.carte{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.carte-pad{padding:18px}.grille-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px}.stat-haut{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stat-icone{width:38px;height:38px;border-radius:11px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.stat-valeur{font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1}.stat-label{color:var(--text-muted);font-size:13.5px;margin-top:8px}.vignette{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:linear-gradient(45deg,var(--surface-2) 25%,transparent 25%) 0 0 / 12px 12px,linear-gradient(-45deg,var(--surface-2) 25%,transparent 25%) 0 0 / 12px 12px,var(--surface);display:block}.pilule{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--accent-soft);color:var(--accent)}.pilule.attente{background:var(--warn-soft);color:var(--warn)}.pilule.neutre{background:var(--surface-2);color:var(--text-muted)}.pilule.refuse{background:var(--danger-soft);color:var(--danger)}.pilule.succes{background:var(--grad-accent);color:var(--on-accent)}.pilule.info{background:#e4eef6;color:#2e6c9a}.pilule.etude{background:var(--warn-soft);color:var(--warn)}.champ-saisie.compact{width:auto;height:40px;padding:0 10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:14.5px;font-weight:500;background:var(--grad-accent);color:var(--on-accent);box-shadow:var(--shadow-sm);transition:opacity .15s}.btn:hover:not(:disabled){opacity:.9}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondaire{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:none}.btn.danger{background:var(--surface);color:var(--danger);border-color:#f0d5d2;box-shadow:none}.btn.fantome{background:transparent;color:var(--accent);box-shadow:none}.champ{display:block;margin-bottom:14px}.editeur{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);overflow:hidden}.editeur:focus-within{border-color:var(--accent)}.editeur-barre{display:flex;flex-wrap:wrap;gap:2px;padding:6px;border-bottom:1px solid var(--border);background:var(--surface)}.editeur-outil{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:7px;background:transparent;color:var(--text-muted);cursor:pointer}.editeur-outil:hover{background:var(--surface-2);color:var(--text)}.editeur-outil.actif{background:var(--accent-soft);color:var(--accent)}.editeur-corps{padding:12px 14px;min-height:220px;max-height:460px;overflow-y:auto}.editeur-corps .ProseMirror{outline:none;font-size:14px;line-height:1.65;color:var(--text)}.editeur-corps .ProseMirror p{margin:0 0 10px}.editeur-corps .ProseMirror h2{font-size:18px;margin:16px 0 8px}.editeur-corps .ProseMirror h3{font-size:15.5px;margin:14px 0 7px}.editeur-corps .ProseMirror blockquote{margin:0 0 10px;padding-left:12px;border-left:3px solid var(--accent-line);color:var(--text-muted)}.editeur-corps .ProseMirror ul,.editeur-corps .ProseMirror ol{margin:0 0 10px;padding-left:22px}.editeur-corps .ProseMirror a{color:var(--accent)}.editeur-corps .ProseMirror img{max-width:100%;border-radius:8px}.editeur-aide{display:block;font-size:11.5px;color:var(--text-faint);margin-top:6px}.champ-label{display:block;font-size:12.5px;font-weight:500;color:var(--text-muted);margin-bottom:7px}.champ-saisie{width:100%;height:46px;padding:0 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface-2);outline:none;transition:border-color .15s,box-shadow .15s}textarea.champ-saisie{height:auto;min-height:130px;padding:12px 14px;resize:vertical;line-height:1.55}.champ-saisie:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.erreur{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);padding:11px 14px;font-size:13.5px;margin-bottom:14px}.vide{color:var(--text-muted);font-size:14px;padding:28px;text-align:center}.section-label{font-size:12.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);margin-bottom:13px}.bascule{width:50px;height:30px;border-radius:999px;border:none;position:relative;flex-shrink:0;background:var(--border-strong);transition:background .2s}.bascule.on{background:var(--grad-accent)}.bascule span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000040;transition:left .2s}.bascule.on span{left:23px}.rangee-reglage{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:13px 15px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border)}.apercu{background:var(--grad-hero);border:none;color:#fff;position:relative;overflow:hidden}.apercu-anneau{position:absolute;top:-50px;right:-40px;width:150px;height:150px;border-radius:999px;border:1px solid rgba(255,255,255,.12);pointer-events:none}.apercu-label{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffbf}.apercu-cellules{display:flex;gap:8px;margin-top:18px}.apercu-cellule{flex:1;text-align:center;padding:12px 4px;border-radius:12px;background:#ffffff24;border:1px solid rgba(255,255,255,.18)}.apercu-valeur{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.apercu-unite{font-size:9px;letter-spacing:.08em;color:#ffffffb3;margin-top:5px}.tableau{width:100%;border-collapse:collapse}.tableau th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint);padding:12px 16px;border-bottom:1px solid var(--border)}.tableau td{padding:14px 16px;border-bottom:1px solid var(--border);font-size:14.5px;vertical-align:middle}.tableau tr:last-child td{border-bottom:none}.avatar{width:38px;height:38px;border-radius:999px;background:var(--grad-soft);border:1px solid var(--accent-line);color:var(--accent);display:grid;place-items:center;font-size:13px;font-weight:600;flex-shrink:0}.login{display:grid;grid-template-columns:1fr 1fr;height:100%}.login-visuel{background:var(--grad-hero);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.login-accroche{font-size:34px;font-weight:500;letter-spacing:-1px;line-height:1.15;max-width:460px}.login-texte{color:#ffffffd1;font-size:15px;line-height:1.6;max-width:420px;margin-top:16px}.login-form{display:grid;place-items:center;padding:48px}.login-boite{width:100%;max-width:380px}@media(max-width:900px){.login{grid-template-columns:1fr}.login-visuel{display:none}.shell{grid-template-columns:74px 1fr}.nav-titre,.nav-sous,.nav-libelle,.nav-chevron,.nav-etiquette,.nav-compteur{display:none}.nav-groupe-corps{margin-left:0;padding-left:0;border-left:none}}.nav-lien.indisponible{opacity:.42;cursor:not-allowed}.nav-lien.indisponible:hover{background:none}.nav-etiquette{margin-left:auto;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.28);color:#fffc;white-space:nowrap}.case{display:flex;align-items:center;gap:9px;font-size:14.5px}.pied-formulaire{display:flex;gap:11px}.retour-formulaire{padding-left:0;margin-bottom:10px}.formulaire-ressource{max-width:760px}.onglets{display:flex;gap:8px;margin:4px 0 18px;flex-wrap:wrap}.onglet{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:13.5px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.onglet:hover{border-color:var(--border-strong);color:var(--text)}.onglet.actif{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:600}.onglet-compteur{font-size:11.5px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--text-faint)}.onglet.actif .onglet-compteur{background:var(--voile);color:var(--accent)}.apercu-icone{display:grid;place-items:center;width:46px;height:46px;align-self:end;margin-bottom:1px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line)}.pilule.categorie{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.stat-icone.petit{display:grid;place-items:center;width:34px;height:34px}.grille-graphes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:22px}.graphe-titre{font-size:15px;font-weight:600;color:var(--text)}.graphe-sous{font-size:12.5px;color:var(--text-faint);margin-top:2px}.graphe{display:flex;align-items:flex-end;gap:5px;height:150px;margin-top:16px}.graphe-colonne{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.graphe-valeur{font-size:10.5px;font-weight:600;color:var(--text-faint);height:14px}.graphe-barre{width:100%;min-height:3px;border-radius:5px 5px 2px 2px;background:var(--grad-accent);animation:graphe-monte .5s ease-out;transform-origin:bottom}@keyframes graphe-monte{0%{transform:scaleY(0)}}@media(prefers-reduced-motion:reduce){.graphe-barre{animation:none}}.graphe-mois{font-size:10px;color:var(--text-faint);margin-top:7px;white-space:nowrap}.repartition{display:flex;flex-direction:column;gap:12px;margin-top:16px}.repartition-tete{display:flex;justify-content:space-between;font-size:13px;color:var(--text);margin-bottom:5px}.repartition-valeur{font-weight:600;color:var(--text-muted)}.repartition-piste{height:8px;border-radius:999px;background:var(--accent-soft);overflow:hidden}.repartition-jauge{height:100%;border-radius:999px;background:var(--grad-accent)}.pilule.pilule-icone{display:inline-flex;align-items:center;gap:5px}.titre-section{font-size:15px;font-weight:700;color:var(--text);margin:0 0 10px}.titre-sous-section{font-size:13px;font-weight:600;color:var(--text-muted);margin:0 0 6px}.tableau tr.ligne-groupe>td{background:var(--grad-soft);border-top:1px solid var(--accent-line);font-size:13px}.bandeau-rgpd{display:flex;gap:13px;align-items:flex-start;padding:15px 18px;border-radius:var(--radius);background:var(--grad-soft);border:1px solid var(--accent-line);color:var(--accent);margin-bottom:22px}.bandeau-titre{font-size:14px;font-weight:600;color:var(--text)}.bandeau-texte{font-size:13px;line-height:1.5;color:var(--text-muted);margin-top:3px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}.pagination-plage{margin-right:auto;font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.nav{overflow-y:auto}.nav-liste{display:flex;flex-direction:column;gap:4px}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-groupe-titre{display:flex;align-items:center;gap:13px;width:100%;padding:10px 14px;border:none;background:none;border-radius:var(--radius-sm);color:#f2faf88c;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s,color .15s}.nav-groupe-titre:hover{color:#f2faf8}.nav-chevron{margin-left:auto;display:grid;place-items:center;transition:transform .18s ease}.nav-groupe[data-ouvert=true] .nav-chevron{transform:rotate(90deg)}.nav-groupe-corps{display:none;flex-direction:column;gap:2px;margin:2px 0 2px 26px;padding-left:12px;border-left:1px solid rgba(255,255,255,.1)}.nav-groupe-corps .nav-lien{padding:8px 12px;font-size:14px}.nav-groupe[data-ouvert=true] .nav-groupe-corps{display:flex;animation:nav-deplie .16s ease}@keyframes nav-deplie{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.nav-groupe[data-ouvert=true] .nav-groupe-corps{animation:none}.nav-chevron{transition:none}}.poignee{display:inline-flex;align-items:center;color:var(--text-faint);cursor:grab;padding:2px;border-radius:6px}.poignee:active{cursor:grabbing}tr:hover>td .poignee,.carte-conseil:hover .poignee{color:var(--accent)}tr.saisi,.carte-conseil.saisi{opacity:.4}tr.cible>td{box-shadow:inset 0 2px 0 var(--accent)}.carte-conseil.cible{box-shadow:0 0 0 2px var(--accent)}.grille-conseils{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:22px}.carte-conseil{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:15px 16px;cursor:grab}.carte-conseil:hover{border-color:var(--accent-soft)}.carte-conseil-tete{display:flex;align-items:flex-start;gap:10px}.carte-conseil-titre{flex:1;min-width:0;font-size:14.5px;font-weight:600;line-height:1.3}.carte-conseil-corps{font-size:12.5px;line-height:1.5;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.carte-conseil-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.carte-conseil-pied{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding-top:10px;margin-top:auto}.carte-conseil-date{font-size:12px;color:var(--text-faint)}.cusca-rangee{display:flex;align-items:flex-start;gap:12px;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.cusca-rangee:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.cusca-rangee.choisie{background:var(--accent-soft);border-color:var(--accent-line)}.cusca-rangee input{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0;margin-top:2px;cursor:pointer}.cusca-corps{flex:1;min-width:0}.cusca-rangee .pilule{margin-top:7px}.cusca-nom{font-weight:600;font-size:14px;line-height:1.3}.cusca-contact{font-size:12.5px;color:var(--text-muted);margin-top:2px}.cusca-pied{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.cusca-compte{font-size:12.5px;color:var(--text-muted)}.cusca-liens{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.cusca-liens .pilule{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.cusca-vide{font-size:12.5px;color:var(--text-faint);font-style:italic}.menu-actions{position:relative;display:inline-block;text-align:left}.menu-bouton{padding:7px 9px}.menu-panneau{z-index:60;min-width:210px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.menu-ligne{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}.menu-ligne:hover{background:var(--accent-soft);color:var(--accent)}.menu-ligne.danger{color:var(--danger)}.menu-ligne.danger:hover{background:var(--danger-soft);color:var(--danger)}.demande-rangee{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px}.demande-corps{min-width:0}.demande-titre{font-weight:600;font-size:13.5px}.demande-detail{font-size:12.5px;color:var(--text-muted);margin-top:2px}.demande-rangee .pilule{flex-shrink:0}.onglets{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.onglet{padding:9px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.onglet:hover{color:var(--text)}.onglet.actif{color:var(--accent);border-bottom-color:var(--accent)}.ligne-cliquable{cursor:pointer}.ligne-cliquable:hover{background:var(--surface-2)}.fiche-section+.fiche-section{margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}.fiche-section-titre{font-size:12.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);margin:0 0 4px}.fiche-section-sous{font-size:12.5px;color:var(--text-muted);margin:0 0 14px}.grille-champs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2px 18px;align-items:start}.barre-selection{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--accent-soft)}.barre-selection-compte{flex:1;font-size:13.5px;font-weight:600;color:var(--accent)}.champ-image{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.champ-image-apercu{display:block;margin-top:10px;max-width:260px;max-height:130px;border:1px solid var(--border);border-radius:var(--radius-sm);object-fit:cover}.carte-fermable{position:relative}.carte-fermer{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text-faint);cursor:pointer}.carte-fermer:hover{background:var(--surface-2);color:var(--text)}