:root{--bg-color: #09090b;--surface-color: rgba(24, 24, 27, .6);--surface-hover: rgba(39, 39, 42, .8);--border-color: rgba(255, 255, 255, .08);--text-primary: #f8fafc;--text-secondary: #94a3b8;--primary-color: #3b82f6;--primary-glow: rgba(59, 130, 246, .5);--danger-color: #f43f5e;--danger-glow: rgba(244, 63, 94, .4);--success-color: #10b981;--success-glow: rgba(16, 185, 129, .4);--nav-height: 80px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{font-family:Outfit,Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);width:100%;overflow-x:hidden;overscroll-behavior-y:none}#root{width:100%;min-height:100vh;padding-top:calc(80px + env(safe-area-inset-top));padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 20px);overflow-x:hidden;background:radial-gradient(circle at top,rgba(59,130,246,.08) 0%,var(--bg-color) 60%)}.container{max-width:600px;margin:0 auto;padding:16px 20px;width:100%}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;position:fixed;top:env(safe-area-inset-top);left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:568px;z-index:1000;margin-top:10px;background:#0f0f0fb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 8px 32px #0006}@keyframes goldShimmer{0%{background-position:-200% center}to{background-position:200% center}}.branding-text{font-size:26px;font-weight:900;letter-spacing:-1.2px;background:linear-gradient(to right,#fff 20%,gold 40%,#ffed4a,gold 60%,#fff 80%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:goldShimmer 4s linear infinite;display:inline-block}.logo-glow{filter:drop-shadow(0 0 8px var(--primary-glow));transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.logo-glow:hover{transform:scale(1.1) rotate(5deg)}.glass-panel{background:var(--surface-color);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color)}.glass-card{background:var(--surface-color);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000004d;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}.glass-card:active{transform:scale(.98)}.text-glow{text-shadow:0 0 16px rgba(255,255,255,.2)}.text-gradient{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;animation:slideUpFade .5s cubic-bezier(.16,1,.3,1) forwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:16px;font-family:Outfit,sans-serif;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),#2563eb);color:#fff;box-shadow:0 8px 24px var(--primary-glow)}.btn-outline{background-color:transparent;color:var(--primary-color);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fab{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.fab:active{transform:scale(.9)}.fab-expense{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--danger-color);color:var(--danger-color);box-shadow:0 0 24px var(--danger-glow)}.fab-income{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--success-color);color:var(--success-color);box-shadow:0 0 24px var(--success-glow)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.input-group{margin-bottom:20px}.input-group label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.input-group input,.input-group select{width:100%;padding:16px;border-radius:16px;border:1px solid var(--border-color);font-size:16px;font-family:Outfit,sans-serif;outline:none;background-color:#0003;color:var(--text-primary);transition:all .2s}.input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow)}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:12px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;height:calc(var(--nav-height) + env(safe-area-inset-bottom));display:flex;justify-content:space-around;align-items:center;z-index:50;padding-bottom:env(safe-area-inset-bottom);background:#121212cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-color);border-top-left-radius:32px;border-top-right-radius:32px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;text-decoration:none;font-size:11px;font-weight:600;flex:1;height:100%;transition:all .3s cubic-bezier(.16,1,.3,1);opacity:.7}.nav-item.active{color:var(--primary-color);transform:translateY(-4px);opacity:1}.nav-item svg{margin-bottom:6px;transition:transform .3s}.nav-item.active svg{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--primary-glow))}