*{box-sizing:border-box}html,body{color:#172033;background:#f5f7fa;min-height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page-connexion{background:#eef2f7;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.carte-connexion{background:#fff;border-radius:18px;width:100%;max-width:430px;padding:40px;box-shadow:0 15px 45px #141e321a}.logo{color:#fff;background:#172033;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;font-size:18px;font-weight:700;display:flex}.logo-petit{border-radius:10px;width:42px;height:42px;margin:0;font-size:14px}.carte-connexion h1{margin:0 0 8px;font-size:28px}.sous-titre{color:#667085;margin:0 0 30px}.application{min-height:100vh;display:flex}.navigation{color:#fff;background:#172033;flex-direction:column;width:250px;min-height:100vh;padding:24px 16px;display:flex}.navigation-logo{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.navigation-logo strong{font-size:16px;display:block}.navigation-logo span{color:#aeb7c7;margin-top:4px;font-size:12px;display:block}.navigation nav{flex-direction:column;gap:6px;display:flex}.navigation-lien{color:#cbd2df;border-radius:9px;padding:12px 14px;transition:all .2s}.navigation-lien:hover,.navigation-lien.actif{color:#fff;background:#29354d}.bouton-deconnexion{color:#cbd2df;text-align:left;background:0 0;border:0;border-radius:9px;margin-top:auto;padding:12px 14px}.bouton-deconnexion:hover{color:#fff;background:#29354d}.contenu{flex:1;max-width:1500px;padding:40px}.en-tete{margin-bottom:30px}.en-tete h1{margin:0 0 8px;font-size:32px}.en-tete p{color:#667085;margin:0}.carte{background:#fff;border-radius:14px;margin-bottom:24px;padding:24px;box-shadow:0 4px 18px #141e320d}.carte h2{margin:0 0 22px;font-size:20px}.grille-statistiques{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.carte-statistique{background:#fff;border-radius:14px;padding:24px;box-shadow:0 4px 18px #141e320d}.carte-statistique span{color:#667085;font-size:14px;display:block}.carte-statistique strong{margin-top:14px;font-size:34px;display:block}.carte-statistique.danger{border-left:4px solid #d92d20}.carte-statistique.attention{border-left:4px solid #f79009}.liste-alertes{gap:12px;display:grid}.liste-alertes>div{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:15px;display:flex}.liste-alertes strong{font-size:18px}form{flex-direction:column;gap:12px;display:flex}label{margin-bottom:7px;font-size:14px;font-weight:600;display:block}input,select,textarea{background:#fff;border:1px solid #d0d5dd;border-radius:8px;outline:none;width:100%;padding:11px 13px}input:focus,select:focus,textarea:focus{border-color:#667085;box-shadow:0 0 0 3px #6670851a}.formulaire-grille{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.formulaire-action{align-items:end;display:flex}.bouton{border:0;border-radius:8px;padding:11px 18px;font-weight:600}.bouton-principal{color:#fff;background:#172033}.bouton-principal:hover{background:#29354d}.bouton-large{width:100%;margin-top:10px;padding:13px}.tableau-conteneur{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #eaecf0;padding:14px 12px}th{color:#667085;font-size:13px;font-weight:600}td{font-size:14px}tbody tr:hover{background:#f8fafc}.badge{color:#667085;background:#f2f4f7;border-radius:20px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-block}.badge-ok{color:#027a48;background:#ecfdf3}.message-erreur{color:#b42318;background:#fef3f2;border-radius:8px;margin:14px 0;padding:12px 14px;font-size:14px}.message-succes{color:#027a48;background:#ecfdf3;border-radius:8px;margin-top:18px;padding:12px 14px;font-size:14px}.texte-vide,.texte-secondaire{color:#667085}@media (max-width:1000px){.grille-statistiques{grid-template-columns:repeat(2,1fr)}}@media (max-width:750px){.application{display:block}.navigation{width:100%;min-height:auto}.navigation nav{flex-flow:wrap}.bouton-deconnexion{margin-top:15px}.contenu{padding:24px 16px}.formulaire-grille{grid-template-columns:1fr}}@media (max-width:550px){.grille-statistiques{grid-template-columns:1fr}.carte-connexion{padding:28px 22px}.en-tete h1{font-size:26px}}.footer{color:#fff;background:#172033;width:100%;margin-top:auto}.footer-contenu{justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:1500px;margin:0 auto;padding:24px 40px;display:flex}.footer-marque{align-items:center;gap:12px;min-width:0;display:flex}.footer-logo{color:#fff;background:#29354d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:flex}.footer-marque strong{font-size:14px;display:block}.footer-marque span{color:#aeb7c7;margin-top:3px;font-size:11px;display:block}.footer-liens{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 22px;display:flex}.footer-lien{color:#cbd2df;padding:8px 4px;font-size:13px;transition:color .2s}.footer-lien:hover{color:#fff}.footer-copyright{color:#8f9aae;text-align:right;flex-shrink:0;font-size:12px}@media (max-width:900px){.footer-contenu{flex-wrap:wrap;padding:22px 24px}.footer-liens{border-top:1px solid #29354d;order:3;width:100%;padding-top:8px}}@media (max-width:550px){.footer-contenu{flex-direction:column;align-items:center;gap:18px;padding:22px 16px}.footer-marque{text-align:center;flex-direction:column}.footer-marque span{margin-top:5px}.footer-liens{text-align:center;grid-template-columns:repeat(2,1fr);gap:6px;width:100%;padding-top:18px;display:grid}.footer-lien{justify-content:center;align-items:center;min-height:44px;display:flex}.footer-copyright{text-align:center}}@media (max-width:350px){.footer-liens{grid-template-columns:1fr}}.page-connexion{flex-direction:column}.connexion-conteneur{flex-direction:column;align-items:center;width:100%;max-width:430px;display:flex}.connexion-conteneur .carte-connexion{max-width:430px}.footer-connexion{color:#667085;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:0 10px;font-size:12px;display:flex}.footer-separateur{color:#aeb7c7}@media (max-width:550px){.footer-connexion{gap:6px;margin-top:16px;font-size:11px}}