@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-dark-forest:#041f1a;--bg-forest-gradient-start:#052621;--bg-forest-gradient-end:#0c3c34;--bg-light-body:#f3f7f6;--bg-card-white:#fff;--text-white:#fff;--text-dark:#0f2a24;--text-muted:#708a84;--accent-lime:#00e676;--accent-lime-gradient:linear-gradient(90deg, #b2ff59 0%, #00e676 100%);--accent-lime-dark:#00c853;--accent-emerald:#10b981;--accent-rose:#ef4444;--border-light:#e6edeb;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--app-max-width:480px;--border-radius-card:28px;--border-radius-pill:50px;--transition-app:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-card:0 10px 25px -5px #041f1a0d, 0 5px 10px -5px #041f1a05;--shadow-nav:0 -4px 20px #041f1a1a}*{box-sizing:border-box;margin:0;padding:0}body,#root{font-family:var(--font-body);color:var(--text-dark);-webkit-font-smoothing:antialiased;background-color:#e2e9e7;justify-content:center;align-items:center;width:100%;min-height:100vh;line-height:1.5;display:flex}.app-container{width:100%;max-width:var(--app-max-width);background-color:var(--bg-light-body);flex-direction:column;height:100vh;min-height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #041f1a40}@media (width<=480px){body{background-color:var(--bg-light-body)}.app-container{max-width:100%;height:100vh;box-shadow:none}}.forest-header{background:linear-gradient(180deg, var(--bg-forest-gradient-start) 0%, var(--bg-forest-gradient-end) 100%);width:100%;height:220px;color:var(--text-white);z-index:1;border-bottom-right-radius:0;border-bottom-left-radius:0;padding:1.5rem 1.5rem 1rem;position:absolute;top:0;left:0}.header-top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.profile-section{align-items:center;gap:.75rem;display:flex}.profile-avatar{background:var(--accent-lime-gradient);width:40px;height:40px;color:var(--bg-dark-forest);font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.profile-greeting{color:var(--text-muted);opacity:.9;font-size:.75rem}.profile-name{color:var(--text-white);font-size:.95rem;font-weight:600}.header-actions{gap:.75rem;display:flex}.circle-icon-btn{width:40px;height:40px;color:var(--text-white);cursor:pointer;transition:var(--transition-app);background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.circle-icon-btn:hover{background:#ffffff26}.balance-section{margin-bottom:1.5rem}.balance-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.25rem;font-size:.8rem}.balance-amount{font-family:var(--font-heading);color:var(--text-white);align-items:baseline;gap:.25rem;font-size:2.25rem;font-weight:700;display:flex}.balance-amount .currency{color:var(--text-muted);font-size:1.25rem;font-weight:500}.header-buttons{gap:.75rem;display:flex}.header-btn{border-radius:var(--border-radius-pill);cursor:pointer;transition:var(--transition-app);font-size:.9rem;font-weight:600;font-family:var(--font-body);border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1rem;display:flex}.header-btn-white{background:var(--text-white);color:var(--bg-dark-forest)}.header-btn-white:hover{background:#f0f5f4;transform:translateY(-1px)}.header-btn-outlined{color:var(--text-white);background:#ffffff14;border:1px solid #ffffff26}.header-btn-outlined:hover{background:#ffffff26;transform:translateY(-1px)}.body-container{z-index:2;background:0 0;flex-direction:column;width:100%;height:100%;padding:0;display:flex;position:absolute;top:0;left:0;overflow-y:auto}.body-container-full{width:100%;height:100%;top:0;left:0;overflow-y:auto;z-index:10!important;background-color:var(--bg-light-body)!important;padding:1.5rem 1.5rem 6.5rem!important;position:absolute!important}.header-spacer{flex-shrink:0;height:195px}.dashboard-sheet{background-color:var(--bg-light-body);border-top-left-radius:var(--border-radius-card);border-top-right-radius:var(--border-radius-card);z-index:3;flex:1;padding:1.5rem 1.5rem 6.5rem;position:relative;box-shadow:0 -10px 30px #041f1a0d}.body-container::-webkit-scrollbar{width:4px}.body-container::-webkit-scrollbar-track{background:0 0}.body-container::-webkit-scrollbar-thumb{background:#041f1a1a;border-radius:2px}.section-title{font-family:var(--font-heading);color:var(--text-dark);margin-bottom:1rem;font-size:1.15rem;font-weight:600}.categories-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.75rem;display:grid}.category-item{background:var(--bg-card-white);border:1px solid var(--border-light);text-align:center;cursor:pointer;transition:var(--transition-app);box-shadow:var(--shadow-card);border-radius:18px;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .25rem;display:flex}.category-item:hover{border-color:var(--accent-lime);transform:translateY(-1px)}.category-item.active{background:var(--bg-forest-gradient-end);color:var(--text-white);border-color:var(--bg-forest-gradient-end)}.category-item.active .category-icon{color:var(--accent-lime);background:#ffffff1a}.category-icon{background:var(--bg-light-body);width:38px;height:38px;color:var(--text-dark);transition:var(--transition-app);border-radius:12px;justify-content:center;align-items:center;display:flex}.category-name{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.7rem;font-weight:600;overflow:hidden}.mobile-card{background:var(--bg-card-white);border:1px solid var(--border-light);box-shadow:var(--shadow-card);transition:var(--transition-app);border-radius:20px;margin-bottom:1rem;padding:1.25rem}.mobile-card:hover{transform:translateY(-1px)}.transaction-list-item{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:.9rem 0;display:flex}.transaction-list-item:last-child{border-bottom:none}.tx-avatar{border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-right:.75rem;font-size:1rem;font-weight:700;display:flex}.tx-avatar-debit{color:var(--accent-emerald);background:#10b9811a}.tx-avatar-credit{color:var(--accent-rose);background:#ef44441a}.tx-info{flex:1}.tx-title{color:var(--text-dark);font-size:.88rem;font-weight:600}.tx-meta{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.15rem;font-size:.75rem;display:flex}.tx-amount-section{text-align:right}.tx-amount{font-family:var(--font-heading);font-size:.95rem;font-weight:700}.tx-amount-debit{color:var(--accent-emerald)}.tx-amount-credit{color:var(--accent-rose)}.progress-card{background:var(--bg-card-white);border:1px solid var(--border-light);box-shadow:var(--shadow-card);border-radius:22px;margin-bottom:1rem;padding:1.25rem}.progress-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.progress-title{color:var(--text-dark);font-size:.9rem;font-weight:600}.progress-track{background:#e9eff0;border-radius:5px;height:10px;margin-bottom:.75rem;overflow:hidden}.progress-bar{background:var(--accent-lime-gradient);border-radius:5px;height:100%}.progress-stats{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.form-group-mobile{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.form-group-mobile label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.78rem;font-weight:700}.form-input-mobile,.form-select-mobile,.form-textarea-mobile{background:var(--bg-card-white);border:1px solid var(--border-light);color:var(--text-dark);font-family:var(--font-body);box-shadow:var(--shadow-card);transition:var(--transition-app);border-radius:14px;outline:none;width:100%;padding:.85rem 1rem;font-size:.9rem}.form-input-mobile:focus,.form-select-mobile:focus,.form-textarea-mobile:focus{border-color:var(--bg-forest-gradient-end);box-shadow:0 0 0 3px #0c3c341a}.file-upload-mobile{text-align:center;cursor:pointer;background:var(--bg-card-white);transition:var(--transition-app);border:2px dashed #b8ceca;border-radius:16px;padding:1.5rem 1rem;position:relative}.file-upload-mobile:hover{border-color:var(--bg-forest-gradient-end);background:#f7f9f9}.file-upload-mobile input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.btn-mobile{border-radius:var(--border-radius-pill);cursor:pointer;font-size:.95rem;font-weight:700;font-family:var(--font-body);transition:var(--transition-app);border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.95rem 1.5rem;display:flex}.btn-mobile-primary{background:var(--bg-dark-forest);color:var(--text-white);box-shadow:0 10px 20px -5px #041f1a4d}.btn-mobile-primary:hover{background:var(--bg-forest-gradient-end)}.btn-mobile-secondary{background:var(--bg-card-white);border:1px solid var(--border-light);color:var(--text-dark);box-shadow:var(--shadow-card)}.btn-mobile-secondary:hover{background:#fcfefe}.btn-mobile-danger{color:var(--accent-rose);background:#ffebee}.btn-mobile-danger:hover{background:#ffcdd2}.mobile-nav-bar{background:var(--bg-dark-forest);border-radius:var(--border-radius-pill);z-index:100;height:64px;box-shadow:var(--shadow-nav);justify-content:space-around;align-items:center;padding:0 .5rem;display:flex;position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}.nav-item-btn{color:var(--text-muted);opacity:.65;cursor:pointer;width:46px;height:46px;transition:var(--transition-app);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-item-btn:hover{color:var(--text-white);opacity:.9}.nav-item-btn.active{color:var(--text-white);opacity:1;background:#ffffff1a;box-shadow:0 4px 10px #0003}.nav-item-btn.active svg{color:var(--accent-lime)}.search-wrapper-mobile{margin-bottom:1.25rem;position:relative}.search-wrapper-mobile svg{color:var(--text-muted);position:absolute;top:13px;left:12px}.search-input-mobile{background:var(--bg-card-white);border:1px solid var(--border-light);color:var(--text-dark);font-family:var(--font-body);box-shadow:var(--shadow-card);transition:var(--transition-app);border-radius:14px;outline:none;width:100%;padding:.85rem 1rem .85rem 2.5rem;font-size:.9rem}.mobile-toast{background:var(--bg-dark-forest);color:var(--text-white);box-shadow:var(--shadow-nav);z-index:101;border:1px solid #ffffff1a;border-left:5px solid var(--accent-lime);border-radius:16px;align-items:center;padding:.85rem 1.25rem;font-size:.85rem;font-weight:500;animation:.3s cubic-bezier(.4,0,.2,1) slideUpMobile;display:flex;position:absolute;bottom:6.5rem;left:1.5rem;right:1.5rem}.mobile-toast.toast-error{border-left-color:var(--accent-rose)}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.filters-toggle-container{gap:.5rem;margin-bottom:1.25rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.filters-toggle-container::-webkit-scrollbar{height:2px}.filter-badge-mobile{border-radius:var(--border-radius-pill);background:var(--bg-card-white);border:1px solid var(--border-light);color:var(--text-dark);cursor:pointer;white-space:nowrap;transition:var(--transition-app);padding:.45rem 1rem;font-size:.75rem;font-weight:600}.filter-badge-mobile.active{background:var(--bg-dark-forest);color:var(--text-white);border-color:var(--bg-dark-forest)}.settings-group-mobile{margin-bottom:1.75rem}.settings-list-mobile{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.settings-item-mobile{background:var(--bg-card-white);border:1px solid var(--border-light);box-shadow:var(--shadow-card);border-radius:16px;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.settings-item-mobile span{color:var(--text-dark);font-size:.9rem;font-weight:500}.success-screen-mobile{text-align:center;background:var(--bg-card-white);border:1px solid var(--border-light);border-radius:var(--border-radius-card);box-shadow:var(--shadow-card);margin-top:1rem;padding:2.5rem 1.5rem}.success-icon-mobile{width:70px;height:70px;color:var(--accent-emerald);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#041f1abf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;animation:.2s ease-out fadeInModal;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-card-white);border:1px solid var(--border-light);border-radius:var(--border-radius-card);flex-direction:column;width:100%;max-width:400px;max-height:85vh;padding:1.5rem;animation:.3s cubic-bezier(.4,0,.2,1) slideUpModal;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #041f1a40}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}