body {font-family:'Segoe UI',sans-serif;background:#f4f6f8;margin:0;padding:0;}
.container {width:90%;margin:40px auto;background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
h1,h2{text-align:center;color:#333;}
.btn,.btn-secondary{display:inline-block;padding:8px 14px;margin:10px 0;border-radius:6px;text-decoration:none;font-weight:bold;}
.btn{background-color:#007bff;color:white;}
.btn-secondary{background-color:#ccc;color:black;}
form label{display:block;margin-top:10px;font-weight:bold;}
input,select,textarea{width:100%;padding:8px;border-radius:6px;border:1px solid #ccc;margin-top:4px;}
.header-bar{display:flex;justify-content:space-between;align-items:center;}
.filter-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0;}
.login{width:350px;text-align:center;margin-top:100px;margin:auto;}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px;}
.card{background:#fff;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.1);padding:20px;text-align:center;}
.card h3{color:#555;margin-bottom:10px;}
.big-number{font-size:28px;font-weight:bold;}
.card.recette{border-top:6px solid #2ecc71;}
.card.depense{border-top:6px solid #e74c3c;}
.card.solde{border-top:6px solid #3498