:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Arial,Helvetica,sans-serif}body{background:#f3f6fa;min-width:320px;margin:0}*{box-sizing:border-box}body{color:#17253b;background:#f3f6fa;margin:0;font-family:Arial,sans-serif}#root{width:100%;max-width:none;min-height:100vh;margin:0;padding:0}.application{text-align:left;min-height:100vh;display:flex}.sidebar{color:#fff;background:#142a49;flex-direction:column;flex-shrink:0;width:250px;min-height:100vh;padding:30px 18px;display:flex}.logo{border-bottom:1px solid #38516e;margin-bottom:25px;padding:10px 12px 30px}.logo h2{color:#fff;margin:0;font-size:23px}.logo span{color:#b8cee8;letter-spacing:4px;margin-top:8px;display:block}.sidebar nav{flex-direction:column;gap:10px;display:flex}.sidebar nav button{color:#d6e2f2;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:15px}.sidebar nav button.actif,.sidebar nav button:hover{color:#fff;background:#2864a8}.sidebar-bas{color:#b8cee8;margin-top:auto;font-size:12px}.sidebar-bas small{margin-top:7px;display:block}.contenu{flex:1;min-width:0;max-width:none;margin:0;padding:35px}.entete{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.entete h1{color:#17253b;margin:0 0 8px;font-size:30px}.entete p{color:#8190a5;margin:0}.profil{background:#fff;border-radius:10px;padding:12px 18px}.statistiques{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:30px;display:grid}.carte{background:#fff;border-radius:14px;padding:25px;box-shadow:0 4px 16px #142a490a}.carte span{color:#74849a;display:block}.carte strong{color:#205b9d;margin:15px 0;font-size:38px;display:block}.carte small{color:#8998aa}.panneau{background:#fff;border-radius:14px;padding:28px;box-shadow:0 4px 16px #142a490a}.panneau h2{margin-top:0}.tableau{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#63748c;background:#f2f6fb;padding:16px}td{border-bottom:1px solid #edf1f5;padding:16px}.recherche,.formulaire input{border:1px solid #dce4ee;border-radius:9px;width:100%;margin-bottom:20px;padding:15px}.formulaire{max-width:700px}.formulaire label{margin:15px 0 10px;display:block}.panneau-entete{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.bouton-principal{color:#fff;cursor:pointer;background:#205b9d;border:none;border-radius:9px;padding:14px 20px}.bouton-action{color:#205b9d;cursor:pointer;background:#e8f1fb;border:none;border-radius:8px;padding:10px 15px}.statut-vert{color:#187548;background:#e3f6ec;border-radius:20px;padding:7px 12px}.statut-rouge{color:#b42332;background:#fde9ec;border-radius:20px;padding:7px 12px}@media (width<=900px){.statistiques{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.application{flex-direction:column}.sidebar{width:100%;min-height:auto}.sidebar nav{flex-direction:row;overflow-x:auto}.sidebar-bas{display:none}.contenu{padding:18px}.statistiques{gap:12px}.carte{padding:15px}.panneau{padding:16px}}.sidebar{background-color:#142a49!important}body{background:orange!important}.sidebar{color:#fff!important;background:#f58220!important}