@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap";:root{--green:#55b948;--green-dark:#3d9433;--green-light:#edf8eb;--red:#df1f26;--white:#fff;--grey-50:#f9fafb;--grey-100:#f3f4f6;--grey-200:#e5e7eb;--grey-400:#9ca3af;--grey-600:#4b5563;--grey-900:#111827;--radius:12px;--radius-lg:20px;--shadow:0 2px 16px #00000012}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--grey-50);color:var(--grey-900);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Nunito,sans-serif}.app{min-height:100vh;display:flex}.sidebar{background:#04612f;flex-direction:column;flex-shrink:0;gap:.25rem;width:240px;padding:1.5rem 1rem;display:flex}.sidebar-logo{padding:.5rem .75rem 1.5rem}.sidebar-logo img{width:auto;height:28px}.nav-item{border-radius:var(--radius);color:#ffffff8c;cursor:pointer;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#ffffffd9;background:#ffffff14}.nav-item.active{color:#fff;background:#ffffff1a}.nav-item svg{flex-shrink:0;width:17px;height:17px}.sidebar-spacer{flex:1}.sidebar-user{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:.5rem;padding:1rem 12px 10px;display:flex}.user-avatar{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:flex}.user-info{overflow:hidden}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.user-email{color:#fff6;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.main{flex:1;padding:2rem;overflow-y:auto}.main-header{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.main-title{color:var(--grey-900);font-size:22px;font-weight:800}.main-sub{color:var(--grey-400);margin-top:2px;font-size:14px;font-weight:600}.btn-recharge{background:var(--red);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:7px;padding:11px 18px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;text-decoration:none;transition:background .15s;display:flex}.btn-recharge:hover{background:#b81920}.btn-recharge svg{width:16px;height:16px}.grid-2{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--grey-200);padding:1.5rem}.card-title{color:var(--grey-400);text-transform:uppercase;letter-spacing:.07em;margin-bottom:1rem;font-size:11px;font-weight:700}.stat-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--grey-200);align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon svg{width:22px;height:22px}.stat-icon.green{background:var(--green-light);color:var(--green)}.stat-icon.red{color:var(--red);background:#fef2f2}.stat-icon.blue{color:#3b82f6;background:#eff6ff}.stat-num{color:var(--grey-900);font-size:22px;font-weight:800;line-height:1}.stat-label{color:var(--grey-400);margin-top:3px;font-size:12px;font-weight:600}.favoris-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.favori-card{border:1.5px solid var(--grey-200);border-radius:var(--radius);cursor:pointer;text-align:center;padding:12px;transition:all .15s}.favori-card:hover{border-color:var(--green);background:var(--green-light)}.favori-avatar{background:var(--grey-100);width:36px;height:36px;color:var(--grey-600);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 8px;font-size:14px;font-weight:800;display:flex}.favori-name{color:var(--grey-900);margin-bottom:2px;font-size:13px;font-weight:700}.favori-num{color:var(--grey-400);font-size:11px;font-weight:600}.favori-op{object-fit:contain;width:auto;height:14px;margin:4px auto 0;display:block}.favori-add{border:1.5px dashed var(--grey-200);border-radius:var(--radius);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:95px;padding:12px;transition:all .15s;display:flex}.favori-add:hover{border-color:var(--green)}.favori-add svg{width:20px;height:20px;color:var(--grey-400);margin-bottom:4px}.favori-add span{color:var(--grey-400);font-size:12px;font-weight:600}.auto-section{margin-bottom:1.25rem}.auto-section-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.auto-section-title{color:var(--grey-600);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.auto-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px}.auto-list{flex-direction:column;gap:10px;display:flex}.auto-item{background:var(--white);border:1.5px solid var(--grey-200);border-left:4px solid var(--green);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.auto-item-left{align-items:center;gap:12px;display:flex}.auto-item-icon{background:var(--green-light);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.auto-item-icon img{object-fit:contain;width:auto;height:20px}.auto-item-name{color:var(--grey-900);font-size:14px;font-weight:800}.auto-item-detail{color:var(--grey-400);margin-top:2px;font-size:12px;font-weight:600}.auto-item-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.auto-item-next{text-align:right}.auto-item-next-label{color:var(--grey-400);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.auto-item-next-date{color:var(--grey-900);margin-top:2px;font-size:13px;font-weight:800}.auto-item-next-tarif{color:var(--green-dark);font-size:12px;font-weight:700}.btn-manage{background:var(--grey-100);color:var(--grey-600);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:7px 12px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;transition:background .15s}.btn-manage:hover{background:var(--grey-200)}.tx-row{border-bottom:1px solid var(--grey-100);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.tx-row:last-of-type{border-bottom:none}.tx-left{align-items:center;gap:12px;display:flex}.tx-icon{background:var(--green-light);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.tx-icon img{object-fit:contain;width:auto;height:20px}.tx-name{color:var(--grey-900);font-size:14px;font-weight:700}.tx-meta{color:var(--grey-400);margin-top:1px;font-size:12px;font-weight:600}.tx-right{text-align:right}.tx-amount{color:var(--grey-900);font-size:14px;font-weight:800}.tx-denom{color:var(--grey-400);margin-top:1px;font-size:12px;font-weight:600}.tx-badge-auto{background:var(--green-light);color:var(--green-dark);border-radius:4px;align-items:center;gap:3px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.see-all{color:var(--green-dark);cursor:pointer;justify-content:center;align-items:center;gap:5px;margin-top:1rem;font-size:13px;font-weight:700;text-decoration:none;display:flex}.see-all:hover{color:var(--green)}.see-all svg{width:14px;height:14px}.saving-card{background:linear-gradient(135deg, var(--grey-900) 0%, #1f2937 100%);border-radius:var(--radius-lg);color:#fff;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.saving-num{color:var(--green);font-size:28px;font-weight:800}.saving-label{color:#fff9;margin-top:3px;font-size:13px;font-weight:600}.saving-detail{color:#fff6;margin-top:6px;font-size:12px;font-weight:600}.saving-icon{font-size:40px}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.visible{display:flex}.modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:400px;margin:1rem;padding:2rem;box-shadow:0 20px 60px #0003}.modal-title{color:var(--grey-900);margin-bottom:.25rem;font-size:17px;font-weight:800}.modal-sub{color:var(--grey-400);margin-bottom:1.5rem;font-size:13px;font-weight:600}.modal-field{background:var(--grey-50);border:1.5px solid var(--grey-200);border-radius:var(--radius);width:100%;color:var(--grey-900);outline:none;margin-bottom:10px;padding:13px 14px;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;transition:border-color .2s;display:block}.modal-field::placeholder{color:var(--grey-400);font-weight:500}.modal-field:focus{border-color:var(--green);background:var(--white)}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:1.25rem;display:grid}.btn-modal-cancel{background:var(--grey-100);color:var(--grey-600);border-radius:var(--radius);cursor:pointer;border:none;padding:13px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700}.btn-modal-cancel:hover{background:var(--grey-200)}.btn-modal-confirm{background:var(--green);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:13px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800}.btn-modal-confirm:hover{background:var(--green-dark)}.app-loading{height:100vh;color:var(--grey-400);justify-content:center;align-items:center;font-family:Nunito,sans-serif;display:flex}@media (width<=768px){.sidebar{display:none}.main{padding:1rem}.grid-2,.grid-3{grid-template-columns:1fr}.main-header{align-items:flex-start;gap:.75rem}.main-title{font-size:18px}.main-sub{font-size:13px}.btn-recharge{border-radius:50%;flex-shrink:0;width:40px;height:40px;padding:10px}.btn-recharge-label{display:none}.btn-recharge svg{width:18px;height:18px;margin:0}}