:root{--electric:#578dea;--cyan:#5cbce5;--night:#071b4d;--navy:#1c214b;--violet:#7a54e7;--rose:#de4fa1;--corail:#f75f6b;--grey50:#f5f7fa;--grey100:#edf0f6;--grey200:#e1e6ef;--grey400:#9aa3b4;--grey500:#5b6475;--grey700:#3b4254;--white:#fff;--success:#16a34a;--error:#dc2626;--success-soft:#e6f4ea;--warning-soft:#fef4e6;--info-soft:#e7effc;--error-soft:#fdecec;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--shadow:0 4px 12px #0a2a6b0f;--shadow-haut:0 14px 32px #0a2a6b24;--grad:linear-gradient(90deg, #5c72f9, #7a54e7, #de4fa1, #f75f6b);--aube:linear-gradient(180deg, #d8e3fb 0%, #eaf0fc 38%, #f5f7fa 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0}body{color:var(--night);background:var(--grey50);font:15px/22px -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--electric)}:focus-visible{outline-offset:2px;outline:3px solid #578dea8c}.app{background:var(--aube);grid-template-columns:264px 1fr;min-height:100vh;display:grid}aside{background:radial-gradient(420px 260px at 0% 0%, #7a54e76b, transparent 70%), radial-gradient(360px 280px at 100% 100%, #578dea4d, transparent 70%), var(--night);color:#fff;flex-direction:column;gap:4px;height:100vh;padding:28px 16px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{letter-spacing:-.2px;padding:0 12px 2px;font-size:22px;font-weight:800}.espace{letter-spacing:.4px;text-transform:uppercase;color:var(--night);background:linear-gradient(90deg, var(--cyan), #9bd8f2);border-radius:999px;align-self:flex-start;margin:4px 12px 22px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}aside nav{gap:4px;display:grid}aside nav a{color:#cfd8ee;border-radius:var(--r-md);padding:11px 14px;font-weight:600;text-decoration:none;transition:background-color .12s,color .12s;display:block;position:relative}aside nav a:hover{color:#fff;background:#ffffff14}aside nav a[aria-current=page]{color:#fff;background:#ffffff24}aside nav a[aria-current=page]:before{content:"";background:var(--grad);border-radius:0 4px 4px 0;width:4px;position:absolute;top:9px;bottom:9px;left:-16px}aside .pied{color:#9fb0d8;border-top:1px solid #ffffff1a;gap:10px;margin-top:auto;padding:14px 12px 0;font-size:13px;display:grid}aside .pied a{color:#cfd8ee}aside select{color:#fff;border-radius:var(--r-md);background:#ffffff1a;border:1px solid #ffffff24;margin:0 2px 14px;padding:10px}aside select option{color:var(--night)}main{width:100%;max-width:1280px;padding:36px 44px 56px}header.page{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}h1{letter-spacing:-.3px;color:var(--navy);font-size:30px;font-weight:800;line-height:36px}h2{color:var(--navy);margin-bottom:14px;font-size:18px;font-weight:800;line-height:24px}.sub{color:var(--grey500);font-size:14px}.bandeau{background:var(--warning-soft);border-radius:var(--r-md);border:1px solid #f3d9ad;margin-bottom:22px;padding:8px 14px;font-size:13px}.btn{background:var(--electric);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #578dea52}.btn:disabled{background:var(--grey200);color:var(--grey400);cursor:not-allowed}.btn.ghost{background:var(--white);color:var(--electric);border:1.5px solid var(--grey200)}.btn.ghost:hover:not(:disabled){border-color:var(--electric);box-shadow:none}aside .btn.ghost{color:#fff;background:#ffffff1a;border-color:#ffffff38}.btn.grad{background:var(--grad)}.btn.grad:hover:not(:disabled){box-shadow:0 8px 20px #7a54e75c}.btn.lien{color:var(--electric);background:0 0;padding:0;font-weight:600}.btn.lien:hover{box-shadow:none;text-decoration:underline;transform:none}.grid{gap:18px;display:grid}.kpis{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.cols2{grid-template-columns:2fr 1fr;margin-bottom:18px}.cols2b{grid-template-columns:1fr 1fr;margin-bottom:18px}.card{background:var(--white);border-radius:var(--r-xl);border:1.5px solid var(--grey200);box-shadow:var(--shadow);padding:22px 22px 20px;position:relative;overflow:hidden}.card:before{content:"";background:var(--electric);height:5px;position:absolute;top:0;left:0;right:0}.kpis>.card:nth-child(4n+2):before{background:var(--violet)}.kpis>.card:nth-child(4n+3):before{background:var(--cyan)}.kpis>.card:nth-child(4n+4):before{background:var(--rose)}.cols2>.card:before,.cols2b>.card:before{background:var(--violet)}.cols2>.card:first-child:before,.cols2b>.card:first-child:before{background:var(--electric)}.kpi .lab{letter-spacing:.3px;text-transform:uppercase;color:var(--grey500);margin-top:4px;font-size:12px;font-weight:700}.kpi .val{letter-spacing:-.5px;color:var(--navy);margin:6px 0 4px;font-size:38px;font-weight:800;line-height:44px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;letter-spacing:.3px;text-transform:uppercase;color:var(--grey500);border-bottom:1.5px solid var(--grey200);padding:10px 12px;font-size:12px;font-weight:700}td{border-bottom:1px solid var(--grey100);vertical-align:top;padding:14px 12px}tbody tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.cliquable{cursor:pointer;transition:background-color .12s}tr.cliquable:hover{background:var(--info-soft)}.chip{border-radius:999px;padding:3px 11px;font-size:12px;font-weight:700;display:inline-block}.ok{background:var(--success-soft);color:#0f7a37}.att{background:var(--warning-soft);color:#a86a00}.ko{background:var(--error-soft);color:#b01c1c}.inf{background:var(--info-soft);color:#2c5fc4}.mut{background:var(--grey100);color:var(--grey500)}td>.chip{white-space:nowrap}.leviers{flex-wrap:wrap;gap:6px;display:flex}.jauge{background:var(--grey100);border-radius:999px;height:14px;margin:12px 0 8px;overflow:hidden}.jauge i{background:var(--grad);border-radius:999px;height:100%;display:block}.note{color:var(--grey500);margin-top:10px;font-size:13px}.insuf{color:var(--grey500);font-size:13px}.fiche{grid-template-columns:1.1fr 1fr;gap:18px;display:grid}.tl{border-left:2px solid var(--grey200);margin-left:6px;padding-left:16px}.tl p{margin:0 0 14px;font-size:14px}.tl small{color:var(--grey500);display:block}.tl .annulee{color:var(--grey400);text-decoration:line-through}form.carte{gap:12px;display:grid}label{color:var(--grey700);gap:5px;font-size:13px;font-weight:600;display:grid}input,select,textarea{font:inherit;border:1.5px solid var(--grey200);border-radius:var(--r-md);color:var(--night);background:#fff;padding:10px 12px;transition:border-color .12s}input:focus,select:focus,textarea:focus{border-color:var(--electric);outline:none;box-shadow:0 0 0 4px #578dea2e}textarea{resize:vertical;min-height:72px}.erreur{color:var(--error);font-size:13px}.code-invitation{letter-spacing:2px;background:var(--info-soft);border-radius:var(--r-md);-webkit-user-select:all;user-select:all;padding:12px 16px;font:700 22px/28px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.centre{max-width:440px;margin:12vh auto;padding:0 16px}.centre .card{gap:14px;display:grid}.qr{place-items:center;display:grid}.qr img{width:180px;height:180px}.seg{background:var(--white);border:1.5px solid var(--grey200);border-radius:999px;padding:3px;display:inline-flex}.seg button{font:inherit;color:var(--grey500);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600}.seg button.on{background:var(--night);color:#fff}.bars .row{grid-template-columns:150px 1fr 56px;align-items:center;gap:10px;margin:10px 0;font-size:13px;display:grid}.bars .t{background:var(--grey100);border-radius:999px;height:10px;overflow:hidden}.bars .t i{background:linear-gradient(90deg, var(--electric), var(--violet));border-radius:999px;height:100%;display:block}.bars .n{text-align:right;color:var(--grey700);font-variant-numeric:tabular-nums}.courbe{width:100%;height:auto;display:block}.courbe .axe{stroke:var(--grey200);stroke-width:1px}.courbe .trait{fill:none;stroke:var(--electric);stroke-width:2.5px}.courbe .zone{fill:#578dea1f;stroke:none}.courbe text{fill:var(--grey500);font-size:10px}.ecart-pos{color:#0f7a37;font-weight:700}.ecart-neg{color:#b01c1c;font-weight:700}.avertissement{background:var(--info-soft);border-radius:var(--r-md);color:var(--grey700);margin-bottom:16px;padding:12px 16px;font-size:13px}.preuve{border-radius:var(--r-lg);box-shadow:var(--shadow);background:#fff;max-width:820px;padding:32px}.preuve h1{margin-bottom:4px;font-size:22px;line-height:28px}.preuve h2{border-bottom:1px solid var(--grey200);margin-top:22px;padding-bottom:4px}.preuve dl{grid-template-columns:180px 1fr;gap:4px 12px;font-size:14px;display:grid}.preuve dt{color:var(--grey500)}.preuve .empreinte{word-break:break-all;color:var(--grey500);font:11px/16px ui-monospace,Menlo,monospace}.preuve .annulee{color:var(--grey400);text-decoration:line-through}@media print{aside,.no-print,.bandeau{display:none!important}body,.app{background:#fff}.app{display:block}main{max-width:none;padding:0}.card,.preuve{box-shadow:none;border:1px solid var(--grey200);break-inside:avoid}.card:before{display:none}.preuve{border:0;max-width:none;padding:0}a{color:inherit;text-decoration:none}}@media (width<=1100px){.app{grid-template-columns:220px 1fr}main{padding:28px 28px 48px}.kpis{grid-template-columns:1fr 1fr}}@media (width<=900px){.app{grid-template-columns:1fr}aside{flex-flow:wrap;align-items:center;height:auto;padding:16px;position:static}aside nav{flex-wrap:wrap;display:flex}aside nav a[aria-current=page]:before{display:none}aside .pied{border-top:0;margin-top:0;padding:0 12px}.espace{margin:0 12px}.cols2,.cols2b,.fiche{grid-template-columns:1fr}main{padding:20px 16px 40px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.a-traiter,.hemicycles{grid-template-columns:repeat(3,1fr)}a.probleme,a.hemicycle{color:inherit;text-decoration:none;transition:box-shadow .15s,transform .15s;display:block}a.probleme:hover,a.hemicycle:hover,a.probleme:focus-visible,a.hemicycle:focus-visible{transform:translateY(-2px);box-shadow:0 8px 24px #0a2a6b24}a.probleme:focus-visible,a.hemicycle:focus-visible{outline:3px solid var(--electric);outline-offset:2px}.probleme .nombre{color:var(--grey400);font-size:44px;font-weight:700;line-height:48px;display:block}.probleme.actif .nombre{color:var(--error)}.probleme .lien{color:var(--electric);margin-top:10px;font-weight:600;display:inline-block}.hemicycle svg{width:100%;max-width:260px;margin:4px auto 0;display:block}.hemicycle .piste,.hemicycle .remplie{fill:none;stroke-width:16px;stroke-linecap:round}.hemicycle .piste{stroke:var(--grey100)}.hemicycle .remplie{stroke:var(--electric)}.hemicycle .repere{fill:none;stroke:var(--navy);stroke-width:3px}.hemicycle .valeur{text-align:center;color:var(--navy);margin-top:-34px;font-size:28px;font-weight:700;line-height:34px}.hemicycle .sub{text-align:center}.card.vide{margin-bottom:16px}.contact{gap:10px;margin-bottom:16px;display:grid}.contact .actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.contact a.btn{text-decoration:none}@media (width<=900px){.a-traiter,.hemicycles{grid-template-columns:1fr}}.contact input,.contact textarea{font-weight:400}aside nav .groupe{letter-spacing:.02em;color:#ffffff8c;margin:14px 12px 4px;font-size:12px;font-weight:600}aside nav [role=group]{gap:4px;display:grid}.segments{background:var(--grey100);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.segment{font:inherit;color:var(--grey500);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:14px}.segment.actif{color:var(--electric);background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001f}.segment:focus-visible{outline:2px solid var(--electric);outline-offset:2px}.section{margin-bottom:18px}.section h2{margin:0 0 4px}.section .aide{margin:0 0 14px}.cols2b>.section{margin-bottom:0}.section table td.num,.section table th.num{text-align:right;font-variant-numeric:tabular-nums}.commentaires{gap:14px;margin:14px 0;padding:0;list-style:none;display:grid}.commentaires p{margin:4px 0 0}@media (width<=900px){aside nav [role=group]{display:contents}aside nav .groupe{display:none}}.graph{max-width:560px;margin:8px 0 0}.graph.anneau{max-width:none}.graph svg{width:100%;height:auto;display:block;overflow:visible}.graph .grille{stroke:var(--grey200);stroke-width:1px}.graph .axe,.graph .etiq{fill:var(--grey500);font-size:11px}.graph .valeur{fill:var(--grey700);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.graph .colonne:hover path{opacity:.8}.graph .part:hover{opacity:.85}.graph.anneau{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.graph .anneau-svg{flex:0 0 180px;width:180px}.graph .centre-val{fill:var(--night);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.graph .centre-lib{fill:var(--grey500);font-size:11px}.legende{flex:160px;gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.legende li{align-items:center;gap:10px;font-size:14px;display:flex}.legende i{border-radius:3px;flex:0 0 12px;width:12px;height:12px}.legende .etiq{overflow-wrap:anywhere;min-width:0;fill:unset;color:var(--grey700);flex:1;font-size:14px}.legende .val{font-variant-numeric:tabular-nums;font-weight:600}.legende small{color:var(--grey500);margin-left:4px;font-weight:400}.legende.ligne{flex-wrap:wrap;gap:6px 18px;margin-top:8px;display:flex}.kpis.trois{grid-template-columns:repeat(3,1fr)}.kpis.cinq{grid-template-columns:repeat(5,1fr)}.kpis.cinq .val{font-size:30px}@media (width<=1200px){.kpis.cinq{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.kpis.trois,.kpis.cinq{grid-template-columns:1fr 1fr}}.cartes-pilotage{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.carte-pilotage h2{color:var(--grey500);margin-bottom:6px;font-size:14px;line-height:20px}.carte-pilotage .valeur{letter-spacing:-.5px;color:var(--navy);margin:4px 0 6px;font-size:34px;font-weight:800;line-height:40px}.carte-pilotage .valeur.indispo,.carte-pilotage .valeur.sans-objet{color:var(--grey500);font-size:18px;font-weight:700;line-height:26px}.carte-pilotage .comparaison{border-top:1px solid var(--grey100);margin-top:8px;padding-top:8px}.chip.faible{margin-left:8px}.squelette{background:linear-gradient(90deg, var(--grey100), var(--grey50), var(--grey100));background-size:200% 100%;min-height:150px;animation:1.4s ease-in-out infinite squelette}@keyframes squelette{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.squelette{animation:none}}.filtres{gap:14px;margin-bottom:18px;display:grid}.grille-filtres{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.actions-filtres{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.filtres-actifs{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}td.sans-objet{color:var(--grey400);font-style:italic}td.indispo{color:var(--grey500);font-size:13px}.points{gap:10px;margin:8px 0 0;padding-left:20px;display:grid}.collecte{gap:10px;margin:0;padding:0;list-style:none;display:grid}.collecte li{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.recap{grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0;display:grid}.recap dt{color:var(--grey500);font-size:13px}.recap dd{color:var(--navy);margin:0;font-size:26px;font-weight:800}@media (width<=900px){.cartes-pilotage,.grille-filtres,.recap{grid-template-columns:1fr}}
