@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:30px;--radius-full:9999px;--bg-app:#080a0f;--bg-gradient:radial-gradient(circle at 50% 0%, #151825 0%, #080a0f 70%);--panel-bg:#0d111cb3;--card-bg:#161c2d73;--card-hover-bg:#1c243a99;--border-color:#ffffff0f;--border-hover:#ffffff1f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#8b5cf6;--primary-glow:#8b5cf626;--primary-hover:#a78bfa;--income:#10b981;--income-glow:#10b9811a;--expense:#ef4444;--expense-glow:#ef44441a;--savings:#06b6d4;--savings-glow:#06b6d41a;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 10px 25px -5px #0000004d, 0 8px 10px -6px #0000004d;--shadow-lg:0 20px 50px -12px #00000080;--glass-blur:16px}[data-theme=light]{--bg-app:#f4f6fa;--bg-gradient:radial-gradient(circle at 50% 0%, #e8edf9 0%, #f4f6fa 80%);--panel-bg:#fffc;--card-bg:#fff9;--card-hover-bg:#ffffffe6;--border-color:#0000000d;--border-hover:#0000001a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#7c3aed;--primary-glow:#7c3aed14;--primary-hover:#6d28d9;--income:#059669;--income-glow:#05966914;--expense:#dc2626;--expense-glow:#dc262614;--savings:#0891b2;--savings-glow:#0891b214;--shadow-sm:0 2px 4px #00000005;--shadow-md:0 10px 20px -5px #0000000a, 0 8px 8px -6px #0000000a;--shadow-lg:0 20px 40px -15px #0000000f;--glass-blur:24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-app);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}#root{text-align:left;border-inline:none;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001a}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);padding:1.5rem}.glass-card:hover{background:var(--card-hover-bg);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);background:#0003;padding:.75rem 1rem;font-size:.95rem}[data-theme=light] .glass-input{background:#ffffff80}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.glass-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border-color:var(--border-color);background:#ffffff0d}[data-theme=light] .btn-secondary{background:#00000008}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff1a}[data-theme=light] .btn-secondary:hover{background:#0000000f}.btn-danger{background:var(--expense);color:#fff}.btn-danger:hover{box-shadow:0 4px 12px var(--expense-glow);background:#f87171}.app-container{width:100%;min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-color);flex-direction:column;width:260px;min-width:260px;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0}.main-wrapper{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem}.mobile-nav{display:none}.fade-in{animation:fadeIn var(--transition-normal) forwards}.slide-up{animation:slideUp var(--transition-normal) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.app-container{flex-direction:column;padding-bottom:70px}.sidebar{display:none}.main-wrapper{height:auto;overflow-y:visible}.mobile-nav{background:var(--panel-bg);height:65px;-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--border-color);z-index:100;justify-content:space-around;align-items:center;padding:.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:500;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--primary)}.main-content{padding:1.5rem 1rem 2rem}}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;animation:fadeIn var(--transition-fast) forwards;background:#0009;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-md);width:100%;max-width:480px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);background:var(--panel-bg);-webkit-backdrop-filter:blur(var(--glass-blur));animation:slideUp var(--transition-normal) forwards;flex-direction:column;display:flex}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{color:var(--text-primary);font-size:1.15rem;font-weight:700}.close-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;padding:.25rem;display:flex}.close-btn:hover{color:var(--text-primary);background:#ffffff0d}.modal-body{max-height:70vh;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.form-body{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}