:root{--bleu-fonce:#1A3A6B;--bleu-moyen:#2B5BA8;--bleu-clair:#4A8FD4;--fond-page:#f4f6fb}
body{background-color:var(--fond-page);font-family:'Segoe UI',Arial,sans-serif;color:#222}
.csform-navbar{background:linear-gradient(135deg,var(--bleu-fonce),var(--bleu-moyen))!important;box-shadow:0 2px 12px rgba(0,0,0,.2);padding:8px 16px}
.csform-title{color:var(--bleu-fonce);font-weight:600}
.csform-section-header{background:linear-gradient(90deg,var(--bleu-moyen),var(--bleu-clair));color:#fff;font-weight:600;font-size:.9rem;padding:10px 16px;border-radius:0!important}
.csform-section-header-warning{background:linear-gradient(90deg,#b45309,#d97706);color:#fff;font-weight:600;font-size:.9rem;padding:10px 16px;border-radius:0!important}
.btn-csform{background:linear-gradient(135deg,var(--bleu-fonce),var(--bleu-moyen));color:#fff;border:none;font-weight:600;letter-spacing:.5px;transition:all .25s ease}
.btn-csform:hover,.btn-csform:focus{background:linear-gradient(135deg,var(--bleu-moyen),var(--bleu-clair));color:#fff;transform:translateY(-2px);box-shadow:0 5px 18px rgba(43,91,168,.45)}
.card{border-radius:10px!important}.card-header{padding:10px 16px}
.stat-card{border-radius:12px!important;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.1)!important}
.stat-icon{font-size:1.8rem;margin-bottom:4px}.stat-number{font-size:2.2rem;font-weight:700;color:var(--bleu-fonce);line-height:1}.stat-label{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}
.login-body{background:linear-gradient(135deg,var(--bleu-fonce) 0%,var(--bleu-clair) 100%);min-height:100vh}
.login-card{width:100%;max-width:420px;border-radius:16px!important;border:none;box-shadow:0 20px 50px rgba(0,0,0,.3)!important}
.csform-footer{background:var(--bleu-fonce);margin-top:40px}
.table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;color:#6c757d;font-weight:600}.table td{font-size:.88rem;vertical-align:middle}
.table-hover tbody tr:hover{background-color:#f0f5ff!important}
.form-control:focus,.form-select:focus{border-color:var(--bleu-clair);box-shadow:0 0 0 .2rem rgba(74,143,212,.25)}
.form-label{font-size:.85rem;font-weight:500;color:#444;margin-bottom:4px}
@media(max-width:768px){.stat-number{font-size:1.6rem}.stat-icon{font-size:1.4rem}.table{font-size:.78rem}}