:root{--bleu: #1f4e79;--bleu-clair: #2e75b6;--bleu-pale: #eaf2fa;--orange: #c55a11;--vert: #2e7d32;--vert-pale: #e8f5e9;--rouge: #c62828;--rouge-pale: #ffebee;--ambre: #b26a00;--ambre-pale: #fff8e1;--gris-900: #1a1d21;--gris-700: #454b52;--gris-500: #6b7280;--gris-300: #d6dae0;--gris-100: #f2f4f7;--gris-50: #f8fafc;--blanc: #fff;--rayon: 8px;--ombre: 0 1px 3px rgba(16, 24, 40, .1), 0 1px 2px rgba(16, 24, 40, .06);--ombre-forte: 0 10px 30px rgba(16, 24, 40, .16)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--gris-900);background:var(--gris-50);-webkit-font-smoothing:antialiased}a{color:var(--bleu-clair)}.appli{display:flex;flex-direction:column;min-height:100%}.bandeau{display:flex;align-items:center;gap:16px;padding:0 20px;height:58px;background:var(--bleu);color:#fff;position:sticky;top:0;z-index:30}.bandeau h1{font-size:15px;margin:0;font-weight:600;letter-spacing:.2px}.bandeau .sous{font-size:12px;opacity:.75}.bandeau nav{display:flex;gap:4px;margin-left:24px;flex:1}.bandeau nav a{color:#ffffffd1;text-decoration:none;padding:7px 13px;border-radius:6px;font-size:13.5px;font-weight:500}.bandeau nav a:hover{background:#ffffff1f;color:#fff}.bandeau nav a.actif{background:#fff3;color:#fff}.bandeau .profil{display:flex;align-items:center;gap:10px;font-size:13px}.bandeau .profil .jeton{background:#ffffff29;padding:3px 9px;border-radius:20px;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px}.contenu{flex:1;padding:20px;max-width:1800px;width:100%;margin:0 auto}.carte{background:var(--blanc);border:1px solid var(--gris-300);border-radius:var(--rayon);box-shadow:var(--ombre)}.carte+.carte{margin-top:16px}.carte-entete{padding:14px 18px;border-bottom:1px solid var(--gris-300);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.carte-entete h2{margin:0;font-size:15px;font-weight:600}.carte-corps{padding:18px}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--gris-300);background:var(--blanc);color:var(--gris-900);padding:8px 14px;border-radius:6px;font-size:13.5px;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap}.btn:hover{background:var(--gris-100)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-principal{background:var(--bleu);border-color:var(--bleu);color:#fff}.btn-principal:hover{background:#17405f}.btn-succes{background:var(--vert);border-color:var(--vert);color:#fff}.btn-succes:hover{background:#256428}.btn-danger{background:var(--rouge);border-color:var(--rouge);color:#fff}.btn-danger:hover{background:#a11d1d}.btn-petit{padding:4px 9px;font-size:12.5px}input,select,textarea{font-family:inherit;font-size:13.5px;color:var(--gris-900);border:1px solid var(--gris-300);border-radius:6px;padding:7px 9px;background:var(--blanc);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid rgba(46,117,182,.35);outline-offset:-1px;border-color:var(--bleu-clair)}label{display:block;font-size:12.5px;font-weight:600;color:var(--gris-700);margin-bottom:5px}.champ+.champ{margin-top:14px}.grille{display:grid;gap:14px}.grille-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grille-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grille-4{grid-template-columns:repeat(4,minmax(0,1fr))}.etiquette{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.etiquette.BROUILLON{background:var(--gris-100);color:var(--gris-700)}.etiquette.SOUMIS{background:var(--ambre-pale);color:var(--ambre)}.etiquette.VALIDE{background:var(--vert-pale);color:var(--vert)}.etiquette.REJETE{background:var(--rouge-pale);color:var(--rouge)}.alerte{padding:11px 14px;border-radius:6px;font-size:13.5px;margin-bottom:14px}.alerte-erreur{background:var(--rouge-pale);color:var(--rouge);border:1px solid #f5c6c6}.alerte-succes{background:var(--vert-pale);color:var(--vert);border:1px solid #c8e6c9}.alerte-info{background:var(--bleu-pale);color:var(--bleu);border:1px solid #cfe0f2}.tableau-conteneur{overflow:auto;max-height:calc(100vh - 260px)}table.matrice{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}table.matrice th,table.matrice td{border-bottom:1px solid var(--gris-300);border-right:1px solid var(--gris-300);padding:7px 9px;text-align:left;vertical-align:top}table.matrice thead th{position:sticky;top:0;z-index:10;background:var(--bleu-clair);color:#fff;font-weight:600;font-size:12px;text-align:center;vertical-align:middle}table.matrice thead tr:nth-child(2) th{top:38px}table.matrice tbody tr:hover>td{background:#fbfdff}table.matrice td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.matrice td.centre,table.matrice th.centre{text-align:center}tr.rang-effet td{background:#c5e0b3;font-weight:700}tr.rang-produit td{background:#fff2cc;font-weight:700}tr.rang-action td{background:#dbeeff;font-weight:600}tr.rang-total td{background:var(--orange);color:#fff;font-weight:700}tr.rang-ligne td.code{color:var(--gris-500);font-size:12px;white-space:nowrap}tr.non-renseigne td.libelle{color:var(--gris-500)}.puce-annee{display:inline-block;width:20px;height:20px;line-height:19px;border-radius:4px;text-align:center;font-size:11px;font-weight:700}.puce-annee.oui{background:var(--bleu-clair);color:#fff}.puce-annee.non{background:var(--gris-100);color:var(--gris-300)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.stat{background:var(--blanc);border:1px solid var(--gris-300);border-radius:var(--rayon);padding:16px}.stat .titre{font-size:12px;color:var(--gris-500);text-transform:uppercase;letter-spacing:.4px;font-weight:600}.stat .valeur{font-size:25px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}.stat .detail{font-size:12px;color:var(--gris-500);margin-top:3px}.barre{height:8px;background:var(--gris-100);border-radius:4px;overflow:hidden}.barre>span{display:block;height:100%;background:var(--bleu-clair)}.histo{display:flex;align-items:flex-end;gap:14px;height:190px;padding:10px 0}.histo .colonne{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}.histo .tige{width:100%;background:linear-gradient(180deg,var(--bleu-clair),var(--bleu));border-radius:4px 4px 0 0;min-height:3px}.histo .etiq{font-size:12px;color:var(--gris-700);font-weight:600}.histo .val{font-size:11.5px;color:var(--gris-500);font-variant-numeric:tabular-nums}.voile{position:fixed;top:0;right:0;bottom:0;left:0;background:#1018288c;display:flex;align-items:flex-start;justify-content:center;z-index:100;padding:40px 16px;overflow:auto}.modale{background:var(--blanc);border-radius:10px;box-shadow:var(--ombre-forte);width:100%;max-width:860px}.modale header{padding:16px 20px;border-bottom:1px solid var(--gris-300);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modale header h3{margin:0 0 3px;font-size:15.5px}.modale header .rappel{font-size:12.5px;color:var(--gris-500)}.modale .corps{padding:20px}.modale footer{padding:14px 20px;border-top:1px solid var(--gris-300);display:flex;justify-content:flex-end;gap:10px;background:var(--gris-50);border-radius:0 0 10px 10px}.fermer{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--gris-500);padding:0 4px}.page-connexion{min-height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bleu) 0%,#0f2d47 100%);padding:20px}.boite-connexion{background:var(--blanc);border-radius:12px;box-shadow:var(--ombre-forte);width:100%;max-width:420px;padding:34px}.boite-connexion h1{font-size:19px;margin:0 0 6px;color:var(--bleu)}.boite-connexion p.intro{font-size:13px;color:var(--gris-500);margin:0 0 22px}.barre-outils{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.barre-outils .champ{margin:0;min-width:160px}.muet{color:var(--gris-500)}.chargement{padding:50px;text-align:center;color:var(--gris-500)}.liste-cases{display:flex;flex-wrap:wrap;gap:6px;max-height:130px;overflow:auto;border:1px solid var(--gris-300);border-radius:6px;padding:8px}.liste-cases label{display:flex;align-items:center;gap:5px;font-weight:500;margin:0;font-size:12.5px;background:var(--gris-100);padding:3px 8px;border-radius:20px;cursor:pointer}.liste-cases input{width:auto}.liste-cases label.coche{background:var(--bleu-pale);color:var(--bleu);font-weight:600}table.simple{width:100%;border-collapse:collapse;font-size:13px}table.simple th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--gris-500);padding:8px 10px;border-bottom:2px solid var(--gris-300)}table.simple td{padding:9px 10px;border-bottom:1px solid var(--gris-100)}table.simple td.num{text-align:right;font-variant-numeric:tabular-nums}table.simple tbody tr:hover{background:var(--gris-50)}@media(max-width:900px){.grille-2,.grille-3,.grille-4{grid-template-columns:1fr}.bandeau{flex-wrap:wrap;height:auto;padding:10px 14px}.bandeau nav{margin-left:0;width:100%;overflow-x:auto}}