:root{--fond: #f5f6fa;--surface: #ffffff;--surface-2: #f0f2f7;--bordure: #e2e5ee;--texte: #1c2033;--texte-2: #5b6178;--texte-3: #8a90a6;--accent: #4f46e5;--accent-fort: #4338ca;--accent-doux: #eef0ff;--vert: #15803d;--vert-doux: #e7f6ec;--orange: #b45309;--orange-doux: #fdf3e2;--rouge: #b91c1c;--rouge-doux: #fdecec;--bleu: #1d4ed8;--bleu-doux: #e8efff;--violet: #7c3aed;--violet-doux: #f2ebff;--gris-doux: #eef0f4;--ombre: 0 1px 2px rgba(20, 24, 40, .06), 0 4px 16px rgba(20, 24, 40, .05);--rayon: 10px;--largeur-menu: 248px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--fond: #0f1220;--surface: #171b2d;--surface-2: #1e2337;--bordure: #2b314a;--texte: #e8eaf3;--texte-2: #a6abc2;--texte-3: #7a8099;--accent: #818cf8;--accent-fort: #a5b4fc;--accent-doux: #252a4d;--vert: #4ade80;--vert-doux: #15301f;--orange: #fbbf24;--orange-doux: #362a12;--rouge: #f87171;--rouge-doux: #3a1a1d;--bleu: #93c5fd;--bleu-doux: #1a2747;--violet: #c4b5fd;--violet-doux: #2a2148;--gris-doux: #252a3d;--ombre: 0 1px 2px rgba(0, 0, 0, .3);color-scheme:dark}}*{box-sizing:border-box}html,body,#racine{height:100%}body{margin:0;background:var(--fond);color:var(--texte);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;margin:0;letter-spacing:-.01em}h2{font-size:16px;margin:0 0 12px}h3{font-size:14px;margin:0 0 8px}p{margin:0 0 8px}ul{margin:0;padding-left:20px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cadre{display:flex;min-height:100%}.menu{position:fixed;inset:0 auto 0 0;width:var(--largeur-menu);background:var(--surface);border-right:1px solid var(--bordure);display:flex;flex-direction:column;z-index:30;transition:transform .2s}.menu-entete{padding:16px 16px 12px;display:flex;align-items:center;gap:10px}.logo{width:32px;height:32px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;flex:none}.menu-marque{font-weight:700;font-size:15px}.menu-sous{font-size:11px;color:var(--texte-3)}.selecteur-projet{margin:0 12px 8px}.selecteur-projet select{width:100%}.menu nav{flex:1;overflow-y:auto;padding:4px 8px 16px}.menu nav a,.menu nav .inactif{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;color:var(--texte-2);font-size:13.5px;text-decoration:none}.menu nav a:hover{background:var(--surface-2);color:var(--texte)}.menu nav a.active{background:var(--accent-doux);color:var(--accent);font-weight:600}.menu nav .inactif{color:var(--texte-3);cursor:not-allowed}.menu nav .num{width:18px;font-size:11px;color:var(--texte-3);text-align:right;flex:none}.bientot{margin-left:auto;font-size:10px;padding:1px 6px;border-radius:99px;background:var(--gris-doux);color:var(--texte-3)}.menu-pied{border-top:1px solid var(--bordure);padding:10px 12px;font-size:12px;color:var(--texte-2)}.menu-pied .ligne{display:flex;justify-content:space-between;align-items:center;gap:8px}.principal{flex:1;margin-left:var(--largeur-menu);min-width:0}.barre-haut{display:none;position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--bordure);padding:10px 16px;align-items:center;gap:12px}.contenu{padding:24px 32px 48px;max-width:1280px}.entete-page{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.entete-page .sous{color:var(--texte-2);margin-top:4px}.voile{display:none}@media(max-width:900px){.menu{transform:translate(-100%);box-shadow:var(--ombre)}.menu.ouvert{transform:none}.voile.visible{display:block;position:fixed;inset:0;background:#00000059;z-index:25}.principal{margin-left:0}.barre-haut{display:flex}.contenu{padding:16px 16px 40px}}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);padding:18px;box-shadow:var(--ombre)}.carte-titre{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.carte-titre h2{margin:0}.grille{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}}.pile>*+*{margin-top:16px}.rangee{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.espace{flex:1}.discret{color:var(--texte-2)}.petit{font-size:12px}.tres-discret{color:var(--texte-3);font-size:12px}.gras{font-weight:600}.pre{white-space:pre-wrap}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--bordure);background:var(--surface);color:var(--texte);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none}.bouton:hover{background:var(--surface-2);text-decoration:none}.bouton.primaire{background:var(--accent);border-color:var(--accent);color:#fff}.bouton.primaire:hover{background:var(--accent-fort)}.bouton.danger{color:var(--rouge)}.bouton.succes{background:var(--vert);border-color:var(--vert);color:#fff}.bouton.petit{padding:4px 10px;font-size:12.5px}.bouton.lien{border:none;background:none;color:var(--accent);padding:4px 6px}.bouton:disabled{opacity:.5;cursor:not-allowed}label.champ{display:block}label.champ>span{display:block;font-size:12.5px;font-weight:600;color:var(--texte-2);margin-bottom:4px}label.champ small{display:block;color:var(--texte-3);font-size:12px;margin-top:3px}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--bordure);border-radius:8px;background:var(--surface);color:var(--texte);font:inherit}textarea{resize:vertical;min-height:72px}input[type=checkbox]{width:auto}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-doux)}.formulaire{display:grid;gap:14px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--gris-doux);color:var(--texte-2)}.st-a_faire{background:var(--gris-doux);color:var(--texte-2)}.st-en_cours{background:var(--bleu-doux);color:var(--bleu)}.st-en_attente{background:var(--orange-doux);color:var(--orange)}.st-a_verifier{background:var(--violet-doux);color:var(--violet)}.st-termine{background:var(--vert-doux);color:var(--vert)}.pr-critique{background:var(--rouge-doux);color:var(--rouge)}.pr-haute{background:var(--orange-doux);color:var(--orange)}.pr-normale{background:var(--gris-doux);color:var(--texte-2)}.pr-basse{background:transparent;color:var(--texte-3);border:1px solid var(--bordure)}.niv-eleve{background:var(--rouge-doux);color:var(--rouge)}.niv-moyen{background:var(--orange-doux);color:var(--orange)}.niv-faible{background:var(--vert-doux);color:var(--vert)}.badge.demo{background:var(--orange-doux);color:var(--orange)}.badge.retard{background:var(--rouge-doux);color:var(--rouge)}.jauge{height:8px;border-radius:99px;background:var(--gris-doux);overflow:hidden}.jauge>div{height:100%;background:var(--accent);border-radius:99px;transition:width .3s}.jauge.verte>div{background:var(--vert)}.indicateur .valeur{font-size:28px;font-weight:700;letter-spacing:-.02em}.indicateur .libelle{color:var(--texte-2);font-size:12.5px}.indicateur.alerte .valeur{color:var(--rouge)}.bandeau{padding:12px 14px;border-radius:var(--rayon);border:1px solid;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.bandeau.info{background:var(--accent-doux);border-color:transparent}.bandeau.alerte{background:var(--orange-doux);border-color:transparent;color:var(--texte)}.bandeau.erreur{background:var(--rouge-doux);border-color:transparent;color:var(--rouge)}.bandeau.succes{background:var(--vert-doux);border-color:transparent}.prochaine{background:linear-gradient(135deg,var(--accent) 0%,#6d5ce8 100%);color:#fff;border:none}.prochaine .discret,.prochaine .tres-discret{color:#ffffffd1}.prochaine .bouton{background:#fff;color:var(--accent);border-color:#fff}.prochaine .bouton:hover{background:#f1f1ff}@media(prefers-color-scheme:dark){.prochaine .bouton{color:#3730a3}}.liste-simple{list-style:none;padding:0;margin:0}.liste-simple li{padding:9px 0;border-bottom:1px solid var(--bordure);display:flex;gap:10px;align-items:flex-start}.liste-simple li:last-child{border-bottom:none}.vide{color:var(--texte-3);text-align:center;padding:24px 12px}.tableau-conteneur{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--bordure);vertical-align:top}th{font-size:12px;color:var(--texte-2);font-weight:600;white-space:nowrap}th.triable{cursor:pointer;-webkit-user-select:none;user-select:none}th.triable:hover{color:var(--texte)}tr.filtres th{padding-top:0}tr.filtres input,tr.filtres select{padding:4px 6px;font-size:12px;font-weight:400;min-width:80px}tbody tr{cursor:pointer}tbody tr:hover{background:var(--surface-2)}.onglets{display:flex;gap:2px;border-bottom:1px solid var(--bordure);margin-bottom:16px;overflow-x:auto}.onglets button{border:none;background:none;padding:9px 12px;font:inherit;color:var(--texte-2);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.onglets button.actif{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.kanban{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}.colonne{background:var(--surface-2);border-radius:var(--rayon);padding:10px;min-height:200px}.colonne.survol{outline:2px dashed var(--accent)}.colonne-titre{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;font-size:13px}.fiche{background:var(--surface);border:1px solid var(--bordure);border-radius:8px;padding:10px;margin-bottom:8px;cursor:grab;box-shadow:var(--ombre)}.fiche:active{cursor:grabbing}.fiche .titre{font-weight:600;margin-bottom:6px}.fiche select{padding:3px 6px;font-size:12px;margin-top:6px}.calendrier{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendrier .jour-nom{font-size:11px;color:var(--texte-3);text-align:center;padding:4px}.calendrier .case{min-height:92px;background:var(--surface);border:1px solid var(--bordure);border-radius:6px;padding:4px;font-size:11.5px;overflow:hidden}.calendrier .case.hors{opacity:.45}.calendrier .case.aujourdhui{border-color:var(--accent)}.calendrier .evt{display:block;padding:2px 4px;border-radius:4px;margin-top:2px;background:var(--accent-doux);color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.calendrier .evt.fait{background:var(--vert-doux);color:var(--vert);text-decoration:line-through}.calendrier .evt.retard{background:var(--rouge-doux);color:var(--rouge)}@media(max-width:640px){.calendrier .case{min-height:56px}.calendrier .evt{font-size:10px}}.frise{position:relative;padding-left:28px}.frise:before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:var(--bordure)}.frise-item{position:relative;margin-bottom:14px}.frise-point{position:absolute;left:-28px;top:18px;width:24px;height:24px;border-radius:50%;background:var(--surface);border:2px solid var(--bordure);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--texte-2)}.frise-item.termine .frise-point{background:var(--vert);border-color:var(--vert);color:#fff}.frise-item.courante .frise-point{border-color:var(--accent);color:var(--accent)}.frise-item .carte:hover{border-color:var(--accent)}.gantt{display:grid;grid-template-columns:180px 1fr;gap:6px 12px;align-items:center;font-size:12px}.gantt .piste{position:relative;height:16px;background:var(--surface-2);border-radius:4px}.gantt .barre{position:absolute;top:0;bottom:0;border-radius:4px;background:var(--accent);opacity:.85}.gantt .barre.termine{background:var(--vert)}.gantt .aujourdhui{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--rouge)}@media(max-width:640px){.gantt{grid-template-columns:110px 1fr}}.etapes-liste{list-style:none;padding:0;margin:0;counter-reset:e}.etapes-liste li{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--bordure)}.etapes-liste li:last-child{border-bottom:none}.pastille{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--gris-doux);color:var(--texte-2);flex:none}.pastille.termine{background:var(--vert);color:#fff}.pastille.en_cours{background:var(--bleu);color:#fff}.pastille.en_attente{background:var(--orange);color:#fff}.section-guide{border-left:3px solid var(--accent);padding-left:12px}.section-guide.attention{border-left-color:var(--orange)}.fond-modale{position:fixed;inset:0;background:#0a0c1973;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modale{background:var(--surface);border-radius:12px;width:100%;max-width:640px;box-shadow:0 20px 60px #00000040}.modale.large{max-width:920px}.modale-entete{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--bordure);gap:12px}.modale-entete h2{margin:0}.modale-corps{padding:20px}.modale-pied{padding:14px 20px;border-top:1px solid var(--bordure);display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}@media(max-width:640px){.fond-modale{padding:0}.modale{border-radius:0;min-height:100%}}.notifications{position:fixed;bottom:16px;right:16px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 32px)}.notification{background:var(--texte);color:var(--surface);padding:10px 14px;border-radius:8px;box-shadow:var(--ombre);font-size:13px}.notification.erreur{background:var(--rouge);color:#fff}.etapes-assistant{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.etapes-assistant button{flex:1;min-width:110px;padding:8px;border-radius:8px;border:1px solid var(--bordure);background:var(--surface);font:inherit;font-size:12px;color:var(--texte-2);cursor:pointer;text-align:left}.etapes-assistant button.actif{border-color:var(--accent);color:var(--accent);background:var(--accent-doux);font-weight:600}.etapes-assistant button.fait{color:var(--vert)}.connexion{min-height:100%;display:grid;place-items:center;padding:16px}.connexion .carte{width:100%;max-width:400px}.chargement{padding:40px;text-align:center;color:var(--texte-3)}.regles{list-style:none;padding:0;font-size:12px}.regles li.ok{color:var(--vert)}.regles li.ko{color:var(--texte-3)}@media(max-width:640px){.cache-mobile{display:none}}