:root{--primary: #2e7d32;--primary-dark: #1b5e20;--primary-light: #4caf50;--primary-subtle: #e8f5e9;--secondary: #ffffff;--text-main: #1a1a1a;--text-muted: #666666;--bg-main: #f0f2f1;--bg-card: #ffffff;--border: #e0e6e4;--error: #d32f2f;--error-subtle: #ffebee;--success: #2e7d32;--sidebar-width: 280px;--header-height: 70px;--radius-md: 12px;--shadow: 0 4px 12px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6}.app-container{display:flex;min-height:100vh;width:100%}.sidebar{width:var(--sidebar-width);background-color:var(--primary-dark);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:1000;padding:2rem 1.5rem;transition:transform .3s ease}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2.5rem;width:calc(100% - var(--sidebar-width));min-height:100vh}.mobile-header{display:none;height:var(--header-height);background:var(--primary-dark);color:#fff;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:900}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:var(--bg-card);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow);display:flex;align-items:center;gap:1rem;border:1px solid var(--border)}.stat-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo{font-size:1.5rem;font-weight:800;color:#fff;text-decoration:none;display:flex;align-items:center;gap:.75rem;margin-bottom:3rem}.nav-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.nav-link{color:#ffffffb3;text-decoration:none;padding:1rem;border-radius:10px;display:flex;align-items:center;gap:1rem;transition:all .2s}.nav-link:hover,.nav-link.active{background:#ffffff1a;color:#fff}.nav-link.active{background:var(--primary)}.sidebar-footer{margin-top:auto;padding-top:2rem}.logout-button{background:none;border:none;color:#ffffffb3;display:flex;align-items:center;gap:1rem;cursor:pointer;width:100%;padding:1rem}.card{background:#fff;border-radius:var(--radius-md);padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem;border:1px solid var(--border)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:1rem;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;border-bottom:2px solid var(--border)}td{padding:1.25rem 1rem;border-bottom:1px solid var(--border)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.sidebar{transform:translate(-100%);position:fixed;z-index:2000}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;width:100%;padding:1.5rem}.mobile-header{display:flex}.app-container{flex-direction:column}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}.responsive-table thead{display:none}.responsive-table tr{display:block;border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;padding:1rem;background:#fff}.responsive-table td{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:.75rem 0;text-align:right}.responsive-table td:last-child{border-bottom:none}.responsive-table td:before{content:attr(data-label);font-weight:700;color:var(--text-muted)}.hide-mobile{display:none}}.badge{padding:.4rem .8rem;border-radius:20px;font-weight:700;font-size:.75rem}.badge-recette{background:var(--primary-subtle);color:var(--primary-dark)}.badge-depense{background:var(--error-subtle);color:var(--error)}.btn{padding:.8rem 1.5rem;border-radius:10px;border:none;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-main)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:#fff;width:100%;max-width:550px;border-radius:var(--radius-md);box-shadow:0 20px 40px #0003;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin-bottom:0;font-size:1.25rem}.modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-close-btn:hover{background:var(--bg-main);color:var(--text-main)}.modal-body{padding:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}