:root{--primary-color: #2196f3;--primary-dark: #1976d2;--primary-light: rgba(33, 150, 243, .1);--secondary-color: #bdbdbd;--secondary-dark: #9e9e9e;--secondary-light: rgba( 189, 189, 189, .1 );--success-color: #28a745;--success-light: #20c997;--success-bg: #d4edda;--success-text: #155724;--danger-color: #dc3545;--danger-dark: #c82333;--danger-light: #f45c43;--danger-bg: #f8d7da;--danger-bg-light: #ffe0e0;--warning-color: #ffc107;--warning-dark: #e0a800;--warning-bg: #fff3cd;--warning-text: #856404;--info-color: #17a2b8;--info-bg: #d1ecf1;--info-text: #0c5460;--recette-start: #11998e;--recette-end: #38ef7d;--depense-start: #eb3349;--depense-end: #f45c43;--solde-start: #4facfe;--solde-end: #00f2fe;--resultat-start: #fa709a;--resultat-end: #fee140;--col-date: #a8c5e5;--col-desc: #c5d5e8;--col-pi: #dab3d6;--col-p: #d6a8c8;--col-depense: #f0a0a0;--col-recette: #a8d5a8;--text-primary: #333;--text-secondary: #6c757d;--text-muted: #9ca3af;--text-dark: #495057;--bg-white: #ffffff;--bg-light: #f8f9fa;--bg-gray: #e9ecef;--bg-highlight: #fffacd;--border-color: #e0e0e0;--border-dark: #495057;--shadow-color-sm: rgba(0, 0, 0, .05);--shadow-color-md: rgba(0, 0, 0, .1);--shadow-color-lg: rgba(0, 0, 0, .15);--shadow-color-xl: rgba(0, 0, 0, .2);--shadow-sm: 0 1px 2px 0 var(--shadow-color-sm);--shadow-md: 0 4px 6px -1px var(--shadow-color-md), 0 2px 4px -1px var(--shadow-color-sm);--shadow-lg: 0 10px 15px -3px var(--shadow-color-lg), 0 4px 6px -2px var(--shadow-color-md);--shadow-xl: 0 20px 25px -5px var(--shadow-color-xl), 0 10px 10px -5px var(--shadow-color-lg);--shadow-primary: 0 2px 8px rgba(102, 126, 234, .3);--shadow-primary-hover: 0 4px 12px rgba(102, 126, 234, .4);--shadow-danger: 0 2px 8px rgba(220, 53, 69, .3);--shadow-success: 0 4px 10px rgba(40, 167, 69, .3);--shadow-white: 0 8px 20px rgba(255, 255, 255, .3);--shadow-white-hover: 0 8px 20px rgba(255, 255, 255, .4);--shadow-toast: 0 10px 40px var(--shadow-color-xl);--shadow-modal: 0 10px 50px rgba(0, 0, 0, .3);--shadow-card-hover: 0 20px 40px var(--shadow-color-xl);--transition-fast: .2s ease;--transition-normal: .3s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 15px;--radius-xl: 20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);min-height:100vh;padding:20px;line-height:1.6;color:var(--text-primary)}.app-container{max-width:1400px;margin:0 auto;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;min-height:100vh}.dashboard-content{padding:40px;max-width:1200px;margin:0 auto}.welcome-card{background:var(--bg-white);padding:40px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);text-align:center;border:1px solid var(--primary-light)}.welcome-card h2{font-size:2em;margin-bottom:20px;color:var(--text-dark)}.welcome-card p{font-size:1.2em;color:var(--text-secondary);margin-bottom:30px}.navbar{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--bg-white);padding:20px 30px;display:flex;justify-content:space-between;align-items:center}.navbar h1{font-size:1.8em;font-weight:600}.navbar-left{display:flex;align-items:center;gap:10px}.navbar-right{display:flex;align-items:center;gap:20px}.user-info{font-size:1em;color:var(--bg-white)}.user-info strong{font-weight:700}.year-selector{padding:5px 10px;font-size:1.2rem;font-weight:700;border:2px solid var(--bg-white);border-radius:var(--radius-sm);background:transparent;color:var(--bg-white);cursor:pointer;transition:var(--transition-normal)}.year-selector:hover{background:var(--bg-white);color:var(--primary-color);transform:scale(1.05)}.year-selector:focus{outline:none;box-shadow:0 0 0 3px #ffffff80}.btn-logout,.btn-profile{padding:10px 20px;border:2px solid var(--bg-white);background:#fff3;color:var(--bg-white);border-radius:var(--radius-sm);cursor:pointer;font-size:.95em;font-weight:600;transition:var(--transition-normal)}.btn-logout:hover,.btn-profile:hover{background:var(--bg-white);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-white)}.budget-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:5px;background:var(--bg-light)}.summary-card{padding:25px;border-radius:var(--radius-md);color:var(--bg-white);text-align:center;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.summary-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover)}.summary-card.recette{background:linear-gradient(135deg,var(--recette-start) 0%,var(--recette-end) 100%)}.summary-card.depense{background:linear-gradient(135deg,var(--depense-start) 0%,var(--depense-end) 100%)}.summary-card.solde{background:linear-gradient(135deg,var(--solde-start) 0%,var(--solde-end) 100%)}.summary-card.resultat{background:linear-gradient(135deg,var(--resultat-start) 0%,var(--resultat-end) 100%)}.summary-card h3{font-size:14px;margin-bottom:15px;opacity:.95;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-card .amount{font-size:2.2em;font-weight:700;line-height:1.1}.month-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.month-tab{padding:10px 20px;background:var(--bg-light);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;color:var(--text-primary);transition:var(--transition-fast)}.month-tab:hover{background:var(--bg-gray);transform:translateY(-2px)}.month-tab.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--bg-white);border-color:var(--primary-color);font-weight:600}.month-navigator-mobile{display:grid!important;grid-template-columns:60px 1fr 60px!important;align-items:center;gap:20px;margin-bottom:20px;padding:20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:15px;box-shadow:var(--shadow-lg)}.month-nav-btn{width:60px;height:60px;border:3px solid white;background:#fff3;color:#fff;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.month-nav-btn:hover{background:#fff;color:var(--primary-color);transform:scale(1.15);box-shadow:0 8px 20px #fff6}.month-nav-btn:active{transform:scale(1.05)}.month-nav-display{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.month-nav-label{font-size:28px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.month-nav-year{font-size:16px;color:#fffffff2;font-weight:600}.table-container{width:100%;overflow-x:auto;margin-top:20px}.table-container table{width:100%;border-collapse:collapse;border-spacing:0;background:var(--bg-white)}.table-container thead th{padding:15px 10px;text-align:center;font-weight:600;font-size:14px;border:1px solid var(--border-color);position:sticky;top:0;z-index:10;color:var(--text-primary)}.table-container tbody td{padding:12px 10px;text-align:center;border:1px solid var(--border-color);transition:background var(--transition-fast)}.table-container tbody tr:nth-child(odd):not(.total-row){background:var(--bg-white)}.table-container tbody tr:nth-child(2n):not(.total-row){background:var(--bg-light)}.table-container tbody tr:not(.total-row):hover{background:var(--bg-gray)!important}th.date-col{background:var(--col-date)!important}th.desc-col{background:var(--col-desc)!important}th.pi-col{background:var(--col-pi)!important}th.p-col{background:var(--col-p)!important}th.depense-col{background:var(--col-depense)!important}th.recette-col{background:var(--col-recette)!important}.total-row{background:var(--bg-gray)!important;font-weight:700;font-size:15px}.total-row td{cursor:default}.total-row:hover{background:var(--bg-gray)!important}.editable-cell{cursor:pointer;transition:background var(--transition-fast);position:relative}.editable-cell:hover{background:var(--bg-highlight)!important}.editable-cell:hover:after{content:"✏️";position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.5}.inline-edit-input{width:100%;padding:10px;border:2px solid var(--primary-color);border-radius:4px;font-size:14px;font-family:inherit;background:var(--bg-white);box-shadow:0 0 0 4px var(--primary-light)}.inline-edit-input:focus{outline:none;border-color:var(--primary-dark)}.clickable-cell{cursor:pointer;transition:var(--transition-fast);font-weight:600}.clickable-cell:hover{background:var(--bg-highlight)!important;transform:scale(1.05)}.value-highlight{font-weight:700;font-size:1.05em}.value-highlight.recette-color,.recette-total{color:var(--success-color)!important}td.clickable-cell:hover .recette-color{color:var(--success-light)!important}.categories-mobile-grid{display:flex;flex-direction:column;gap:15px;margin-top:20px}.category-mobile-card{background:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.category-mobile-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.category-mobile-card.total-card{background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-gray) 100%);border-color:var(--primary-color);border-width:3px}.category-mobile-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid var(--bg-light)}.category-mobile-icon{font-size:32px;flex-shrink:0}.category-mobile-info{flex:1;min-width:0}.category-mobile-title{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:4px}.category-mobile-date{font-size:13px;color:var(--text-secondary)}.category-mobile-gear{border:2px solid rgba(255,255,255,.8);background:transparent;color:var(--bg-white);border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}.category-mobile-gear:hover{background:var(--bg-white);color:var(--primary-color);transform:scale(1.1)}.category-mobile-amounts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:15px}.amount-item{display:flex;flex-direction:column;gap:4px;padding:10px;background:var(--bg-light);border-radius:var(--radius-sm)}.amount-item.clickable{cursor:pointer;transition:var(--transition-fast)}.amount-item.clickable:hover{background:var(--bg-highlight);transform:scale(1.05)}.amount-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.amount-value{font-size:16px;font-weight:700;color:var(--text-dark)}.amount-value.highlight-depense{color:var(--danger-color)}.amount-value.highlight-recette{color:var(--success-color)}.btn,.btn-primary,.btn-success,.btn-warning,.btn-secondary{margin-bottom:10px;padding:16px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;color:var(--bg-white);cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-lg);text-transform:uppercase;letter-spacing:.5px;width:100%}.btn:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-success:hover:not(:disabled),.btn-warning:hover:not(:disabled),.btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.btn-success{background:linear-gradient(135deg,var(--success-color),var(--success-light))}.btn-warning{background:var(--warning-color);color:var(--text-primary)}.btn-warning:hover{background:var(--warning-dark)}.btn-secondary{background:var(--text-secondary)}.btn-secondary:hover{background:var(--text-dark)}.btn-icon-gear{border:none;background:transparent;cursor:pointer;font-size:18px;padding:6px 10px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.btn-icon-gear:hover{background:var(--primary-light);transform:scale(1.1)}.btn-edit,.btn-delete{border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px;transition:var(--transition-fast)}.btn-edit,.btn-icon-edit{background:var(--warning-color);color:var(--text-primary)}.btn-edit:hover,.btn-icon-edit:hover{background:var(--warning-dark);transform:scale(1.1)}.btn-delete,.btn-icon-delete{background:var(--danger-color);color:var(--bg-white)}.btn-delete:hover,.btn-icon-delete:hover{background:var(--danger-dark);transform:scale(1.1)}.btn-icon-edit,.btn-icon-delete{width:36px;height:36px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-show-toggle{padding:12px 30px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;color:var(--bg-white);border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition-normal);box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.5px;width:100%}.btn-show-toggle:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-show-toggle:active{transform:translateY(0)}.btn-quick-add{width:50px;min-width:50px;background:var(--success-color);color:var(--bg-white);border:none;border-radius:var(--radius-sm);font-size:22px;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-success);display:flex;align-items:center;justify-content:center}.btn-quick-add:hover:not(:disabled){background:var(--success-light);transform:translateY(-2px);box-shadow:0 6px 15px #1e7e3466}.btn-quick-add:active:not(:disabled){transform:translateY(0)}.btn-quick-add:disabled{opacity:.6;cursor:not-allowed}.budget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.budget-header h3{margin:0;flex:1;text-align:center}.btn-icon-add{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--bg-white);border:none;border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;font-size:18px;display:flex;align-items:center;gap:6px;box-shadow:var(--shadow-primary);transition:transform var(--transition-fast),box-shadow var(--transition-fast);font-weight:600}.btn-icon-add:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.btn-icon-add:active{transform:translateY(0)}.btn-icon-add.transaction-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);box-shadow:var(--shadow-primary)}.btn-icon-add.transaction-btn:hover{box-shadow:var(--shadow-primary-hover)}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-dark);font-size:.95em}.form-group input,.form-group select{width:100%;padding:15px 18px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:16px;transition:var(--transition-normal);background:var(--bg-white);color:var(--text-primary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light);transform:translateY(-1px)}.form-group input::placeholder{color:var(--text-muted)}.input-error{border-color:var(--danger-color)!important}.error-text{color:var(--danger-color);font-size:12px;margin-top:5px;display:block}.input-group{position:relative;display:flex;align-items:stretch}.input-group input{padding-right:50px}.input-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-weight:600;pointer-events:none}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.form-actions button{width:auto;min-width:120px}.auth-form{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{max-width:450px;width:100%;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:40px;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.auth-title{text-align:center;margin-bottom:30px;font-size:2.2em;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-success-state{text-align:center}.auth-success-text{font-size:1.2em;color:#28a745;margin-bottom:15px;font-weight:600}.auth-success-info{color:#666;margin-bottom:25px;line-height:1.6}.auth-success-link{display:block;text-decoration:none;text-align:center}.switch-link{margin-top:10px;color:var(--primary-color);font-weight:600;font-size:1.1em;text-decoration:none;transition:var(--transition-normal);display:inline-block;padding:10px 20px;border-radius:var(--radius-sm)}.switch-link:hover{color:var(--primary-dark);background:var(--primary-light);text-decoration:none}.alert{padding:15px 20px;border-radius:10px;margin-bottom:20px;font-weight:500;border-left:4px solid}.alert-error{background:var(--danger-bg);border-left-color:var(--danger-color);color:var(--danger-color)}.alert-success{background:var(--success-bg);border-left-color:var(--success-color);color:var(--success-text)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--bg-white);padding:16px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-toast);display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px;pointer-events:all;animation:toastSlideIn .3s ease;border-left:4px solid}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{font-size:24px;flex-shrink:0}.toast-message{flex:1;font-size:14px;font-weight:500;color:var(--text-primary)}.toast-close{background:transparent;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color var(--transition-fast)}.toast-close:hover{color:var(--text-primary)}.toast-success{border-left-color:var(--success-color)}.toast-error{border-left-color:var(--danger-color)}.toast-info{border-left-color:var(--info-color)}.toast-warning{border-left-color:var(--warning-color)}.modal{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:#0009;justify-content:center;align-items:center;padding:20px}.modal-content{background:var(--bg-white);width:90%;max-width:600px;border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);max-height:85vh;overflow-y:auto;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--bg-white);padding:25px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:24px}.modal-header .close{color:var(--text-dark);font-size:32px;font-weight:700;cursor:pointer;line-height:20px;transition:transform var(--transition-fast)}.modal-header .close:hover{transform:rotate(90deg)}.modal-body{padding:30px}.info-badge{background:var(--info-bg);color:var(--info-text);padding:10px 15px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:13px}.info-badge.warning{background:var(--warning-bg);color:var(--warning-text);border-left:4px solid var(--warning-color)}.modal-transactions-simple{max-width:600px;width:90%}.category-mini-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-gray) 100%);border-radius:10px;margin-bottom:20px;font-size:.9em}.category-mini-summary>div{display:flex;flex-direction:column;align-items:center;gap:5px}.mini-label{color:var(--text-secondary);font-size:.85em;text-transform:uppercase;letter-spacing:.5px}.mini-value{font-weight:700;font-size:1.3em;color:var(--text-primary)}.mini-value.positive{color:var(--success-color)}.mini-value.negative{color:var(--danger-color)}.quick-add-section{padding:20px;background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-gray) 100%);border-radius:10px;margin-bottom:25px}.quick-add-row{display:flex;gap:10px;align-items:stretch}.quick-montant-input{flex:1;padding:12px 15px;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:16px;font-weight:600;transition:var(--transition-normal);min-width:0}.quick-montant-input:focus{outline:none;border-color:var(--success-color);box-shadow:0 0 0 4px #1e7e341a}.quick-type-select{padding:12px 15px;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-weight:600;background:var(--bg-white);cursor:pointer;transition:var(--transition-normal);min-width:130px;white-space:nowrap}.quick-type-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light)}.hint-box{margin-top:12px;padding:10px 15px;background:var(--warning-bg);border-left:4px solid var(--warning-color);border-radius:6px;font-size:.85em;color:var(--warning-text)}.transactions-simple-list h3{margin-bottom:15px;color:var(--primary-color);font-size:1.1em;display:flex;align-items:center;gap:8px}.transactions-simple-grid{display:grid;gap:10px;max-height:350px;overflow-y:auto;padding-right:5px}.transactions-simple-grid::-webkit-scrollbar{width:6px}.transactions-simple-grid::-webkit-scrollbar-track{background:var(--bg-light);border-radius:10px}.transactions-simple-grid::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.transactions-simple-grid::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.transaction-simple-card{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition-fast)}.transaction-simple-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px var(--primary-light);transform:translate(3px)}.transaction-simple-info{flex:1;min-width:0}.transaction-simple-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;gap:10px}.transaction-simple-date{font-size:.85em;color:var(--text-secondary)}.transaction-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.7em;font-weight:600;white-space:nowrap}.transaction-badge.depense{background:var(--danger-bg-light);color:var(--danger-dark)}.transaction-badge.recette{background:var(--success-bg);color:var(--success-text)}.transaction-simple-amount{display:block;font-size:1.2em;font-weight:700;color:var(--primary-color);margin-top:3px}.transaction-simple-card.depense .transaction-simple-amount{color:var(--danger-color)}.transaction-simple-card.recette .transaction-simple-amount{color:var(--success-color)}.transaction-simple-actions{display:flex;gap:6px;margin-left:15px;flex-shrink:0}.empty-state-simple{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:.95em}.empty-state-simple p{margin:0}.transaction-item{background:var(--bg-white);padding:15px;margin-bottom:10px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;border-left:4px solid var(--primary-color);transition:var(--transition-fast)}.transaction-item:hover{box-shadow:0 4px 12px var(--shadow-color-md);transform:translate(5px)}.transaction-item.depense{border-left-color:var(--depense-start)}.transaction-item.recette{border-left-color:var(--recette-start)}.transaction-info{flex:1}.transaction-date{font-size:12px;color:var(--text-secondary);margin-bottom:5px}.transaction-category{font-weight:700;margin:5px 0;font-size:15px}.transaction-amount{font-size:18px;font-weight:700;color:var(--primary-color)}.transaction-actions{display:flex;gap:8px}.quick-preview{background:var(--info-bg);padding:15px;border-radius:var(--radius-sm);margin:15px 0;border-left:4px solid var(--info-color)}.quick-preview strong{color:var(--info-color);font-size:14px}.quick-preview span{display:block;margin-top:8px;font-size:15px;color:var(--text-primary);font-weight:600}.desktop-only{display:flex;justify-content:center}.mobile-only{display:none!important}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:grid!important}body{padding:10px}.navbar{flex-direction:column;gap:15px;text-align:center}.navbar-right{flex-direction:column;gap:10px;width:100%}.btn-logout,.btn-profile{width:100%}.auth-card{padding:30px 25px;margin:20px;border-radius:var(--radius-lg)}.auth-title{font-size:1.8em}.dashboard-content{padding:20px}.summary-card .amount{font-size:1.8em}.budget-summary{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.transaction-item{flex-direction:column;align-items:flex-start;gap:10px}.transaction-actions{width:100%;justify-content:flex-end}.modal-content{width:95%;max-height:90vh}.modal-body{padding:20px}.form-actions{flex-direction:column}.form-actions button{width:100%}.modal-transactions-simple{max-width:95%;width:95%}.category-mini-summary{flex-direction:column;gap:15px}.category-mini-summary>div{width:100%}.quick-add-row{flex-wrap:wrap}.quick-montant-input{width:100%;flex:1 1 100%}.quick-type-select{flex:1;min-width:0}.btn-quick-add{width:100%;padding:12px}.transaction-simple-card{flex-direction:column;align-items:flex-start;gap:10px}.transaction-simple-info{width:100%}.transaction-simple-actions{width:100%;justify-content:flex-end;margin-left:0}.table-container{overflow-x:scroll}.table-container table{min-width:800px}.table-container tbody td{padding:10px 8px;font-size:13px}.toast-container{right:10px;left:10px;top:10px}.toast{min-width:auto;max-width:100%}.budget-header{flex-direction:column!important;gap:10px!important}.budget-header h3{order:-1;text-align:center!important}.budget-header button{width:100%;justify-content:center}}@media(min-width:769px)and (max-width:1079px){.budget-summary{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2em;color:var(--primary-color);font-weight:600}.text-center{text-align:center}.mt-4{margin-top:20px}.pwd-field-wrapper{position:relative;display:flex;align-items:center}.pwd-field-wrapper input{width:100%;padding-right:2.8rem}.pwd-toggle-btn{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:#9ca3af;padding:0;display:flex;align-items:center;transition:color .2s}.pwd-toggle-btn:hover{color:#6b7280}.field-error{display:flex;align-items:center;gap:5px;font-size:.82rem;color:#dc2626;margin-top:5px;font-weight:500}.field-error:before{content:"✗"}.pwd-rules{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.pwd-rule{display:flex;align-items:center;gap:6px;font-size:.82rem;line-height:1.4;transition:color .2s ease}.pwd-rule__icon{width:14px;text-align:center;font-size:.75rem;flex-shrink:0}.pwd-rule--neutral{color:#9ca3af}.pwd-rule--ok{color:#16a34a;font-weight:500}.pwd-rule--error{color:#dc2626;font-weight:500}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-page-card{width:100%;max-width:450px}.auth-page-title{text-align:center}.auth-page-subtitle{text-align:center;color:#666;margin-bottom:30px;line-height:1.5}.auth-page-link{display:block;text-align:center;color:#667eea;text-decoration:none;font-size:14px;font-weight:500;margin-top:8px}.auth-page-link--muted{color:#6c757d;font-size:14px;font-weight:500}.auth-page-input-disabled{background-color:#f5f5f5;cursor:not-allowed}.pwd-field-wrapper{position:relative}.pwd-field-wrapper input{width:100%;padding-right:44px}.pwd-toggle-btn{position:absolute;top:50%;right:12px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#6b7280;background:transparent;border:none;padding:0;width:20px;height:20px;cursor:pointer}.pwd-toggle-btn:hover{color:#374151}.field-error{color:#dc2626;font-size:.875rem;margin-top:6px}.profile-modal{max-width:720px;width:100%}.profile-section{display:flex;flex-direction:column;gap:1rem}.profile-section--separated{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.profile-section-title{font-size:1.1rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}