*{box-sizing:border-box}body{color:#171717;background:#f3f4f6;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}a{color:#dc2626}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline-offset:2px;outline:3px solid #2563eb}.fr-nav{color:#fff;z-index:50;background:#000;position:relative}.fr-nav-barre{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:16px;padding:10px 24px;display:grid}.fr-nav-logo{color:#fff;justify-self:start;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.fr-nav-liens{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.fr-nav-lien{color:#fff;background:#ffffff26;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:78px;padding:8px 10px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.fr-nav-lien img{filter:invert()}.fr-nav-lien:hover{background:#dc262673}.fr-nav-lien.fr-actif{background:#dc2626}.fr-nav-profil{flex-direction:column;justify-self:end;align-items:flex-end;gap:3px;display:flex}.fr-nav-prenom{font-size:14px;font-weight:700}.fr-nav-deco{color:#f87171;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}@media (max-width:800px){.fr-nav-barre{grid-template-columns:1fr auto;padding:8px 16px}.fr-nav-liens{grid-area:2/1/auto/-1}}.page{max-width:1320px;margin:0 auto;padding:24px 16px 56px}.tete{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}h1{margin:0;font-size:28px}h2{margin:0;font-size:16px}.gris{color:#6b7280}.petit{font-size:13px}.carte{background:#fff;border-radius:12px;padding:18px;box-shadow:0 1px 3px #0000001a}.btn{color:#fff;background:#dc2626;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:enabled,a.btn:hover{background:#b91c1c}.btn2{color:#171717;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}.btn2:hover{background:#f3f4f6}.champ{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:44px;padding:0 12px}label{margin-bottom:4px;font-size:14px;font-weight:600;display:block}.services{background:#e5e7eb;border-radius:10px;flex-wrap:wrap;gap:4px;width:fit-content;margin-bottom:16px;padding:4px;display:flex}.services a{color:#374151;border-radius:7px;align-items:center;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.services a.actif{color:#b91c1c;background:#fff}.erreur{color:#b91c1c;font-weight:600}.info{background:#fef2f2;border-radius:10px;margin-bottom:14px;padding:12px 16px}.pilotage{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.filtres{flex-direction:column;flex:250px;gap:14px;min-width:0;display:flex}.contenu{flex-direction:column;flex:999 560px;gap:14px;min-width:0;display:flex}.choix{gap:4px;max-height:240px;display:grid;overflow-y:auto}.choix button{background:#f3f4f6;border:0;border-radius:6px;min-height:44px;padding:4px;font-size:13px;font-weight:600;line-height:1.2}.choix button.on{color:#fff;background:#dc2626}.kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.kpi{text-align:left;border:2px solid #0000}.kpi.on{border-color:#dc2626}.kpi b{font-variant-numeric:tabular-nums;font-size:27px;display:block}.grille{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;display:grid}.colonnes{align-items:flex-end;gap:8px;height:210px;margin-top:10px;display:flex}.colonnes>div{text-align:center;flex-direction:column;flex:1;justify-content:flex-end;gap:4px;min-width:0;height:100%;font-size:12px;display:flex}.barre{background:#f3f4f6;border-radius:3px;height:12px;margin:3px 0 10px;overflow:hidden}.barre div{background:#dc2626;height:100%}.rang{border-top:1px solid #f3f4f6;gap:10px;padding:7px 0;display:flex}.depot{text-align:center;background:#fff;border:2px dashed #9ca3af;border-radius:12px;padding:44px 20px}.depot.sur{background:#fef2f2;border-color:#dc2626}.col2{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));align-items:start;gap:14px;display:grid}.item{border-top:1px solid #f3f4f6;padding:12px 0}.puce{background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;min-height:40px;margin:0 6px 6px 0;padding:0 10px;font-size:14px;font-weight:600;display:inline-flex}.puce.on{background:#fef2f2;border:2px solid #dc2626}.puce span{background:0 0;border:0}.cible{border:1px solid #e5e7eb}.cible.sur{background:#fef2f2;border:2px solid #dc2626}.x{color:#6b7280;background:0 0;border:0;width:32px;height:32px}.centre{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}html[data-theme=dark]{filter:invert(.92)hue-rotate(180deg);background:#fff}html[data-theme=dark] .fr-nav,html[data-theme=dark] main img{filter:invert()hue-rotate(180deg)}.fr-nav-petit,.fr-nav-theme{color:#d1d5db;background:0 0;border:0;padding:0;font-size:12px;text-decoration:none}.fr-nav-petit:hover,.fr-nav-theme:hover{color:#f87171}
