@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.flex{display:flex}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.w-full{width:100%}.h-full{height:100%}.w-8{width:2rem}.h-8{height:2rem}.w-9{width:2.25rem}.h-9{height:2.25rem}.min-w-0{min-width:0}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-10{padding-top:2.5rem}.pb-6{padding-bottom:1.5rem}.p-4{padding:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mr-2{margin-right:.5rem}.ml-auto{margin-left:auto}.font-inter{font-family:Inter,sans-serif}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.whitespace-nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border-none{border:none}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.cursor-pointer{cursor:pointer}.select-none{user-select:none;-webkit-user-select:none}.transition{transition:all .15s ease}.transition-colors{transition:background-color .2s ease,color .2s ease}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.object-cover{object-fit:cover}.outline-none{outline:none}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.text-white{color:#fff}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-md{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f}.shadow-lg{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:20}.logo-icon{width:36px;height:36px;border-radius:10px;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:text-left{text-align:left}.sm\:px-8{padding-left:2rem;padding-right:2rem}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-lg{font-size:1.125rem}}:root{--primary: #4caf50;--primary-light: #e8f5e9;--primary-dark: #388e3c;--secondary: #2196f3;--secondary-light: #e3f2fd;--secondary-dark: #1565c0;--alert: #ff5722;--alert-light: #fbe9e7;--bg-app: #f9fafb;--surface: #ffffff;--text-main: #212121;--text-muted: #757575;--text-light: #bdbdbd;--card-bg: #ffffff;--border-subtle: #f0f0f0;--nav-height: 68px;--header-height: 64px;--shadow-card: 0 2px 16px rgba(0, 0, 0, .07);--shadow-card-hover: 0 6px 24px rgba(0, 0, 0, .12);--shadow-nav: 0 -1px 24px rgba(0, 0, 0, .08);--shadow-hero: 0 8px 40px rgba(76, 175, 80, .2)}.header{min-width:200px;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;width:100%}.header button{background:transparent;border:1px solid var(--border-subtle);color:var(--primary);font-size:14px;cursor:pointer;transition:color .15s ease;padding:8px 16px;border-radius:12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:Inter,sans-serif;background-color:var(--bg-app);color:var(--text-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pulse-green{0%,to{box-shadow:0 0 #4caf504d}50%{box-shadow:0 0 0 12px #4caf5000}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressFill{0%{width:0%}to{width:var(--progress-width)}}.anim-fade-up{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both}.anim-fade-in{animation:fadeIn .4s ease both}.anim-slide-right{animation:slideInRight .4s cubic-bezier(.22,1,.36,1) both}.anim-scale-in{animation:scaleIn .35s cubic-bezier(.22,1,.36,1) both}.anim-slide-up{animation:slideUp .45s cubic-bezier(.22,1,.36,1) both}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.card{background:var(--surface);border-radius:1.25rem;box-shadow:var(--shadow-card);transition:box-shadow .25s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-card-hover)}.progress-bar{height:6px;border-radius:100px;background:var(--border-subtle);overflow:hidden}.progress-fill{height:100%;border-radius:100px;animation:progressFill 1s cubic-bezier(.22,1,.36,1) both;animation-delay:.5s}.overlay{width:100%;position:fixed;inset:0;background:#00000059;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;animation:fadeIn .25s ease}.ft-input{width:100%;padding:14px 16px;border:1.5px solid var(--border-subtle);border-radius:12px;font-family:Inter,sans-serif;font-size:15px;color:var(--text-main);background:var(--surface);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.ft-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #2196f31f}.ft-input::placeholder{color:var(--text-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-weight:600;font-size:15px;border:none;border-radius:14px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-hero)}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 8px 32px #4caf5047}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:var(--secondary-dark)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--bg-app)}.tx-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-subtle);transition:background .15s}.tx-item:last-child{border-bottom:none}.tx-icon{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-bar{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--surface);box-shadow:var(--shadow-nav);display:flex;align-items:center;justify-content:space-around;padding:0 8px;padding-bottom:env(safe-area-inset-bottom);z-index:30}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border-radius:12px;border:none;background:transparent;cursor:pointer;transition:background .15s ease;min-width:56px}.nav-btn span{font-size:11px;font-weight:500;font-family:Inter,sans-serif;color:var(--text-light);transition:color .15s}.nav-btn.active span{color:var(--secondary);font-weight:600}.nav-btn.active{background:var(--secondary-light)}.fab{width:56px;height:56px;border-radius:18px;background:var(--primary);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 20px #4caf5059;transition:transform .15s ease,box-shadow .2s ease;animation:pulse-green 2.5s infinite}.fab:active{transform:scale(.92)}.balance-card{background:linear-gradient(135deg,#1a237e,#1565c0,#0277bd);border-radius:1.5rem;padding:28px 24px;color:#fff;position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;top:-60px;right:-40px;width:180px;height:180px;border-radius:50%;background:#ffffff12}.balance-card:after{content:"";position:absolute;bottom:-40px;left:20px;width:120px;height:120px;border-radius:50%;background:#ffffff0d}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--alert);position:absolute;top:-2px;right:-2px;border:2px solid var(--surface)}.amount-positive{color:var(--primary)}.amount-negative{color:var(--alert)}.landing-hero{min-height:100vh;background:linear-gradient(160deg,#fff,#f0f9ff,#e8f5e9);display:flex;flex-direction:column}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.category-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;font-size:12px;font-weight:600;white-space:nowrap}.scroll-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.scroll-row::-webkit-scrollbar{display:none}