.error-fallback-page{position:relative;min-height:100vh;width:100%;background:#0f0f0f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;justify-content:center;overflow:hidden}.error-fallback-page .ef-orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:.12;z-index:0;pointer-events:none}.error-fallback-page .ef-orb-1{width:650px;height:650px;background:#3b82f6;top:-180px;left:-180px;animation:efOrbFloat1 12s ease-in-out infinite alternate}.error-fallback-page .ef-orb-2{width:800px;height:800px;background:#34d399;bottom:-250px;right:-250px;animation:efOrbFloat2 14s ease-in-out infinite alternate}.error-fallback-page .ef-orb-3{width:400px;height:400px;background:#a78bfa;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.06;animation:efOrbPulse 8s ease-in-out infinite}.ef-card{position:relative;z-index:1;background:#1c1c2680;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:56px 48px;max-width:480px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080,inset 0 1px 2px #ffffff0d;animation:efCardAppear .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.ef-icon-container{margin-bottom:28px}.ef-icon-gear{width:72px;height:72px;margin:0 auto;position:relative}.ef-icon-gear svg{width:72px;height:72px;fill:none;stroke:url(#ef-gear-gradient);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px rgba(96,165,250,.35));animation:efGearSpin 10s linear infinite}.ef-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-1px;line-height:1.2}.ef-subtitle{font-size:1.08rem;color:#a0a0b0;line-height:1.6;margin-bottom:8px}.ef-patience{font-size:.95rem;color:#6b7280;margin-bottom:36px;font-style:italic}.ef-status-dots{display:flex;justify-content:center;gap:8px;margin-bottom:32px}.ef-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#34d399);animation:efDotPulse 1.6s ease-in-out infinite}.ef-dot:nth-child(2){animation-delay:.2s}.ef-dot:nth-child(3){animation-delay:.4s}.ef-home-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 36px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:14px;font-size:1.02rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #3b82f64d;font-family:inherit}.ef-home-btn:hover{transform:translateY(-3px);box-shadow:0 14px 32px #3b82f673}.ef-home-btn:active{transform:translateY(-1px)}.ef-home-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ef-divider{width:60px;height:2px;margin:0 auto 28px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.4),transparent);border-radius:2px}@keyframes efCardAppear{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes efGearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes efDotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes efOrbFloat1{0%{transform:translate(0)}to{transform:translate(40px,30px)}}@keyframes efOrbFloat2{0%{transform:translate(0)}to{transform:translate(-30px,-40px)}}@keyframes efOrbPulse{0%,to{opacity:.06;transform:translate(-50%,-50%) scale(1)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.15)}}@media(max-width:640px){.error-fallback-page .ef-orb{display:none}.ef-card{padding:40px 28px;border-radius:22px;width:92%}.ef-icon-gear svg{width:56px;height:56px}.ef-title{font-size:1.65rem}.ef-subtitle{font-size:.98rem}.ef-home-btn{padding:14px 28px;font-size:.95rem;width:100%}}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;background-color:#0f0f0f;overflow-x:hidden}a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.sidebar-drawer{position:fixed;top:0;left:0;height:100vh;width:280px;background:#16161ee0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 40px #0009;z-index:2000;transform:translate(-100%);transition:transform .4s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;padding:16px}.sidebar-drawer.open{transform:translate(0)}.sidebar-header{padding:8px 12px;margin-bottom:4px}.sidebar-brand{display:flex;align-items:center;justify-content:center;padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:24px}.sidebar-brand .centsibles-logo-container{flex-direction:row;gap:10px}.sidebar-brand .centsibles-logo-container.small{--coin-size: 32px;--text-size: 1.15rem}.sidebar-brand .eye-outer{animation:none;box-shadow:inset 0 2px 6px #00000080,0 0 15px #60a5fa40}.sidebar-brand .eye-inner{animation:none}.sidebar-menu{display:flex;flex-direction:column;gap:6px;flex:1}.menu-item{display:flex;align-items:center;padding:14px 20px;border-radius:16px;background:transparent;color:#e5e5e5;font-size:1.02rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.menu-item:hover{background:#ffffff0f;transform:translate(6px)}.menu-item.active{background:#3b82f626;border-color:#3b82f64d;color:#bae6fd;box-shadow:0 0 0 3px #3b82f626}.menu-item .icon{margin-right:16px;font-size:1.35rem;width:24px}.sidebar-footer{margin-top:auto;padding-top:20px;display:flex;flex-direction:column;gap:12px}.sidebar-user-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.user-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#60a5fa);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 0 12px #60a5fa59}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.92rem;font-weight:600;color:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-label{font-size:.76rem;color:#888;font-weight:400}.sidebar-backdrop{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1500;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.icon-btn.hamburger-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#e3e3e3;transition:background-color .2s ease}.icon-btn.hamburger-btn:hover{background-color:#ffffff14}@media(max-width:480px){.sidebar-drawer{width:260px}}.logout-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:#ef44441f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fca5a5;border:1px solid rgba(239,68,68,.35);border-radius:10px;font-size:.94rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 10px #00000047;letter-spacing:.2px}.logout-btn svg{flex-shrink:0}.logout-btn:hover{background:#ef444438;border-color:#ef44448c;color:#fee2e2;transform:translateY(-1px);box-shadow:0 6px 16px #ef44442e}.logout-btn:active{transform:translateY(0);box-shadow:0 2px 8px #00000040}.logout-btn.compact{padding:8px;border-radius:50%;background:transparent;border:none;box-shadow:none;width:40px;height:40px;justify-content:center}.logout-btn.compact:hover{background:#ef444424;transform:none}.logout-btn.compact:hover:after{content:"Log out";position:absolute;top:50px;right:0;background:#1e1e24f0;color:#fee2e2;padding:6px 12px;border-radius:6px;font-size:.82rem;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(8px);transition:all .2s ease}.logout-btn.compact:hover:after{opacity:1;transform:translateY(0)}@media(max-width:480px){.logout-btn{padding:9px 14px;font-size:.92rem}}.centsibles-logo-container{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.centsibles-logo-container.small{--coin-size: 52px;--text-size: 1.3rem}.centsibles-logo-container.medium{--coin-size: 80px;--text-size: 2rem}.centsibles-logo-container.large{--coin-size: 110px;--text-size: 2.8rem}.coin-outer{width:var(--coin-size);height:var(--coin-size);border-radius:50%;background:linear-gradient(145deg,#1a1a2e,#0f0f1a);position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #0009,0 0 0 3px #7c3aed40,0 0 30px #7c3aed26;animation:coinAppear .8s ease-out forwards}.coin-ring{position:absolute;inset:12%;border-radius:50%;border:2px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center}.cent-symbol{font-size:calc(var(--coin-size) * .38);font-weight:800;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;animation:symbolPulse 4s infinite ease-in-out}.pulse-line{position:absolute;top:50%;left:0;width:100%;height:2px;transform:translateY(-50%);overflow:hidden}.pulse-line:after{content:"";position:absolute;width:40%;height:100%;background:linear-gradient(90deg,transparent,#a78bfa,transparent);animation:pulseSlide 3s infinite ease-in-out;border-radius:2px}.coin-glow{position:absolute;width:20%;height:20%;top:18%;left:22%;background:#a78bfa66;border-radius:50%;filter:blur(4px);animation:glowFloat 5s infinite ease-in-out}.centsibles-text{font-size:var(--text-size);font-weight:800;letter-spacing:-1.5px;background:linear-gradient(90deg,#a78bfa,#60a5fa,#34d399,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% auto;background-clip:text;animation:textGradient 8s linear infinite}@keyframes coinAppear{0%{transform:scale(.4) rotateY(90deg);opacity:0}50%{transform:scale(1.08) rotateY(0);opacity:1}70%{transform:scale(.96)}to{transform:scale(1)}}@keyframes symbolPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1}}@keyframes pulseSlide{0%{left:-40%}50%{left:100%}50.01%{left:-40%}to{left:-40%}}@keyframes glowFloat{0%,to{transform:translate(0);opacity:.4}50%{transform:translate(20%,-15%);opacity:.7}}@keyframes textGradient{0%{background-position:0% 50%}to{background-position:300% 50%}}html,body{height:auto;overflow-x:hidden}.lumina-auth-page{position:relative;min-height:100vh;width:100%;background:#0f0f0f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.ambient-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.15;z-index:0;pointer-events:none}.orb-1{width:600px;height:600px;background:#3b82f6;top:-150px;left:-150px}.orb-2{width:800px;height:800px;background:#34d399;bottom:-200px;right:-200px}.content-wrapper{position:relative;z-index:1;display:flex;flex-direction:row;width:100%}.left-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:60px;background:#0f0f14bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-section{max-width:460px}.logo{font-size:3.8rem;font-weight:800;letter-spacing:-3px;background:linear-gradient(90deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.brand-title{font-size:3.2rem;font-weight:700;line-height:1.1;color:#fff;margin-bottom:24px;letter-spacing:-1.8px}.tagline{font-size:1.35rem;line-height:1.55;color:#c4c4c4;margin-bottom:40px}.trust-badges{display:flex;flex-direction:column;gap:12px;font-size:1rem;color:#a0a0b0}.right-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;min-height:100vh}.right-panel .glass-card{background:#1c1c2673;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:40px;width:100%;max-width:440px;box-shadow:0 16px 50px #00000073,inset 0 1px 2px #ffffff0d;display:flex;flex-direction:column}.auth-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:36px;width:100%}.title{font-size:2.1rem;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.8px}.subtitle{font-size:1rem;color:#a0a0b0;margin-bottom:32px}.input-group{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.input-field{width:100%;padding:16px 20px;background:#282832b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:14px;font-size:1.02rem;color:#e5e5e5;transition:all .3s ease}.input-field::placeholder{color:#888}.input-field:focus{outline:none;border-color:#60a5fa;background:#323241d9;box-shadow:0 0 0 4px #60a5fa26}.primary-btn{width:100%;padding:16px;background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:14px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #3b82f64d}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #3b82f673}.primary-btn:active{transform:translateY(-1px)}.switch-link{text-align:center;margin-top:20px;color:#a0a0b0;font-size:.95rem}.link-btn{background:none;border:none;color:#60a5fa;font-weight:600;cursor:pointer;font-size:.95rem}.link-btn:hover{text-decoration:underline}.error-glow{border-color:#f87171!important;background:#f8717114!important;box-shadow:0 0 0 4px #f8717140,inset 0 2px 8px #f8717126!important;animation:subtleShake .4s ease}.success-glow{border-color:#34d399!important;background:#34d39914!important;box-shadow:0 0 0 4px #34d39940,inset 0 2px 8px #34d39926!important;transform:translateY(-1px)}@keyframes subtleShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;background:linear-gradient(90deg,#6b7280,#4b5563)!important}.google-auth-section{width:100%;margin-top:16px;display:flex;flex-direction:column;gap:16px}.divider{display:flex;align-items:center;text-align:center;color:#6b7280;font-size:.8rem;font-weight:500;margin:4px 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.divider:before{margin-right:.5em}.divider:after{margin-left:.5em}.google-login-wrapper{display:flex;justify-content:center;width:100%}.auth-error-banner{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5;font-size:.92rem;font-weight:500;margin-bottom:20px;animation:bannerSlideIn .3s ease}.auth-error-banner .error-icon{font-size:1.1rem;flex-shrink:0}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){html,body{height:auto!important;overflow:auto;min-height:100%;-webkit-overflow-scrolling:auto;overscroll-behavior-y:auto}.lumina-auth-page{min-height:100vh;height:auto;overflow:visible;position:relative;transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.ambient-orb{display:none!important}.content-wrapper{flex-direction:column;min-height:100vh;overflow:visible}.left-panel{padding:40px 20px 24px;min-height:auto;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0f0f14f2}.brand-section{max-width:100%;text-align:center}.logo{display:none}.brand-title{font-size:2rem;margin-bottom:12px;letter-spacing:-1px}.tagline{font-size:1.05rem;line-height:1.5;margin-bottom:0}.trust-badges{display:none}.right-panel{flex:1;padding:20px 20px 60px;display:flex;align-items:flex-start}.right-panel .glass-card{width:100%;max-width:100%;padding:32px 24px 40px;margin:0;border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.auth-header{margin-bottom:28px}.title{font-size:1.75rem;margin-bottom:6px}.subtitle{font-size:.9rem;margin-bottom:24px}.input-group{gap:14px;margin-bottom:24px}.input-field{font-size:16px!important;padding:14px 18px;backdrop-filter:none;-webkit-backdrop-filter:none;background:#282832f2;transition:none}.input-field:focus{transition:all .2s ease}.primary-btn{padding:15px;font-size:1rem;transition:opacity .2s ease}.primary-btn:hover{transform:none}.primary-btn:active{opacity:.8;transform:none}.switch-link{font-size:.9rem;margin-top:16px}.link-btn{font-size:.9rem}.error-glow{animation:none!important}.success-glow{transform:none!important}}@media(max-width:400px){.left-panel{padding:30px 16px 20px}.brand-title{font-size:1.75rem}.tagline{font-size:.95rem}.right-panel{padding:20px 16px 60px}.right-panel .glass-card{padding:28px 20px 32px}.title{font-size:1.6rem}.input-field{padding:13px 16px}}.net-worth-card{background:#1c1c266b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.07);border-radius:24px;box-shadow:0 12px 40px #00000061,inset 0 1px 1px #ffffff08;padding:56px 40px;max-width:580px;margin:0 auto 48px;transition:all .32s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.net-worth-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .4s ease}.net-worth-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px #0000007a,inset 0 2px 4px #ffffff0d}.net-worth-card:hover:before{opacity:1}.net-worth-content{text-align:center;position:relative;z-index:1}.net-worth-amount{font-size:3.8rem;font-weight:800;line-height:1.05;margin:0 0 12px;letter-spacing:-2.2px;text-shadow:0 4px 16px rgba(0,0,0,.35)}.positive{color:#34d399;background:linear-gradient(90deg,#34d399,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.negative{color:#f87171;background:linear-gradient(90deg,#f87171,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.net-worth-label{font-size:1.05rem;font-weight:500;color:#a0a0b0;letter-spacing:1.2px;text-transform:uppercase;margin:0}@media(max-width:768px){.net-worth-card{padding:40px 28px;margin:0 auto 40px;border-radius:20px}.net-worth-amount{font-size:2.8rem;letter-spacing:-1.6px}.net-worth-label{font-size:.95rem}}@media(max-width:480px){.net-worth-card{padding:32px 20px}.net-worth-amount{font-size:2.4rem}}.account-card{background:#23232d59;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px 24px;box-shadow:0 8px 32px #00000059,inset 0 1px 1px #ffffff0a;transition:all .28s cubic-bezier(.34,1.56,.64,1);cursor:default}.account-card.clickable{cursor:pointer}.account-card.clickable:hover,.account-card:hover{transform:translateY(-8px);background:#2d2d3773;border-color:#ffffff24;box-shadow:0 20px 40px #00000080,inset 0 1px 2px #ffffff0f}.account-card.clickable:active{transform:translateY(-2px);transition:all .12s ease}.account-name{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 8px;letter-spacing:-.2px}.account-type{color:#b0b0b0;font-size:.95rem;font-weight:500;margin:0 0 18px;text-transform:capitalize;letter-spacing:.2px}.account-balance{font-size:1.75rem;font-weight:700;margin:0;letter-spacing:-.6px;text-shadow:0 2px 6px rgba(0,0,0,.3)}.growing{color:#60a5fa}@media(max-width:768px){.account-card{padding:24px 20px}.account-name{font-size:1.15rem}.account-balance{font-size:1.6rem}}.plaid-link-button{display:block;margin:0 auto 40px;padding:16px 40px;background:#3c82f626;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#93c5fd;border:1px solid rgba(60,130,246,.4);border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d;letter-spacing:.3px}.plaid-link-button:hover:not(:disabled){background:#3c82f640;border-color:#3c82f699;color:#bfdbfe;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.plaid-link-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0000004d}.plaid-link-button:disabled{opacity:.5;cursor:not-allowed}.plaid-link-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:40px}.plaid-link-wrapper .plaid-link-button{margin:0}.plaid-status-toast{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:14px;font-size:.88rem;font-weight:500;animation:toastSlideIn .3s ease;max-width:400px;text-align:center}.plaid-status-toast.linking{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#93c5fd}.plaid-status-toast.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#86efac}.plaid-status-toast.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.toast-spinner{width:16px;height:16px;border:2px solid rgba(147,197,253,.3);border-top-color:#93c5fd;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#888;font-size:.9rem;font-weight:500;letter-spacing:.5px;animation:pulse 2s infinite ease-in-out}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-left-color:#4f46e5;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.transactions-page{display:flex;flex-direction:column;height:100%;position:relative;overflow-x:hidden;max-width:100vw}.sticky-header{padding:16px 24px 12px;background:#0f0f0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid rgba(255,255,255,.06)}.page-header{color:#fff;font-size:1.55rem;font-weight:700;letter-spacing:-.6px;margin:0 0 14px}.account-header{margin-bottom:14px}.back-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#93c5fd;padding:8px 14px;border-radius:10px;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.back-btn:hover{background:#ffffff1a;color:#bae6fd;transform:translate(-2px)}.account-header .page-header{margin-bottom:0}.glass-search-bar{position:relative;display:flex;align-items:center;background:#1e1e28bf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px 16px;box-shadow:0 4px 16px #0000004d}.search-icon{font-size:1.25rem;color:#8b8f96;margin-right:12px}.glass-search-bar input{flex:1;background:transparent;border:none;color:#e5e5e5;font-size:1rem;outline:none}.filter-btn{background:transparent;border:none;color:#9aa0a6;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s}.filter-btn:hover,.filter-btn.active{background:#ffffff14;color:#fff}.glass-filter-menu{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:#191923f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 20px 50px #0009;padding:12px 0;z-index:100;overflow:hidden}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:8px 20px 12px;color:#e5e5e5;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08)}.close-filter-btn{background:none;border:none;color:#f87171;font-size:1.3rem;cursor:pointer}.filter-section{padding:8px 0}.filter-label{padding:6px 20px 4px;font-size:.8rem;color:#a0a0b0;text-transform:uppercase;letter-spacing:.8px}.filter-option{padding:12px 20px;color:#e5e5e5;cursor:pointer;transition:all .2s}.filter-option:hover{background:#ffffff12}.filter-option.selected{background:#3b82f62e;color:#bae6fd;font-weight:600}.done-filter-btn{margin:12px 16px 8px;width:calc(100% - 32px);background:#3b82f6e6;color:#fff;border:none;padding:12px;border-radius:12px;font-weight:600;cursor:pointer}.transaction-list-container{flex:1;overflow-y:auto;min-height:0;padding:16px 24px 110px}.transactions-list{display:flex;flex-direction:column;gap:12px}.load-more-sentinel{display:flex;justify-content:center;padding:20px 0 8px}.table-header{display:flex;align-items:center;padding:8px 20px 0;gap:0}.header-cell{font-size:.72rem;color:#9aa0a6;text-transform:uppercase;letter-spacing:.8px;font-weight:600}.header-cell.date{min-width:78px;margin-right:18px}.header-cell.description{flex:1;min-width:0}.header-cell.amount{min-width:110px;text-align:right}.txn-card{background:#1e1e288c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;transition:all .28s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00000040}.txn-card:hover{transform:translateY(-4px);background:#262630b3;box-shadow:0 12px 32px #00000073}.txn-left{display:flex;gap:18px;flex:1;min-width:0;overflow:hidden}.txn-date{color:#8b8f96;font-size:.88rem;min-width:78px;padding-top:3px}.txn-description{flex:1;min-width:0}.txn-name{font-size:1.02rem;font-weight:600;color:#fff;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txn-account{font-size:.82rem;color:#70757a;margin-top:3px}.txn-amount{font-size:1.15rem;font-weight:700;min-width:110px;text-align:right}.positive{color:#34d399}.negative{color:#f87171}.empty-state-glass,.no-results-glass{text-align:center;background:#19192399;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:60px 30px;margin:20px auto;max-width:420px}.empty-icon{font-size:4.5rem;margin-bottom:16px}.no-results-glass button{margin-top:16px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#93c5fd;padding:10px 24px;border-radius:12px;cursor:pointer}.bottom-dock{position:fixed;bottom:0;left:0;right:0;background:#161620eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.1);padding:14px 24px;z-index:30}.dock-content{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.dock-info{display:flex;flex-direction:column;gap:2px}.dock-label{font-size:.72rem;color:#9aa0a6;text-transform:uppercase;letter-spacing:1px}.dock-value{font-size:1.25rem;font-weight:700;color:#fff}.dock-action-btn{background:linear-gradient(90deg,#4f46e5,#6366f1);color:#fff;border:none;padding:12px 28px;border-radius:9999px;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 6px 20px #4f46e559;transition:all .25s ease}.dock-action-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #4f46e580}.status-banner{padding:12px 16px;border-radius:12px;margin:8px 0 16px;font-size:.9rem;border:1px solid transparent}.status-banner.success{background:#34d3991f;color:#6ee7b7;border-color:#34d3994d}.status-banner.error{background:#f871711f;color:#fca5a5;border-color:#f871714d}.status-banner.info{background:#93c5fd1f;color:#93c5fd;border-color:#93c5fd4d}@media(max-width:640px){.sticky-header{padding:14px 16px 10px}.transaction-list-container{padding:12px 16px 100px}.txn-card{padding:16px}.txn-amount{min-width:80px;font-size:1rem}.txn-date{min-width:60px;font-size:.8rem}}.tv-chart-container{width:100%;height:100%;position:relative;border-radius:12px;overflow:hidden}.tv-chart-container .tv-lightweight-charts{border-radius:12px}.tv-chart-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:.95rem;background:#0f0f19cc;z-index:2;border-radius:12px}.ws-status{position:absolute;top:10px;right:12px;display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;z-index:3;padding:4px 10px;border-radius:8px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ws-status.connected{color:#34d399}.ws-status-dot{width:6px;height:6px;border-radius:50%;background:#6b7280}.ws-status.connected .ws-status-dot{background:#34d399;box-shadow:0 0 6px #34d39999;animation:wsPulse 2s ease-in-out infinite}@keyframes wsPulse{0%,to{opacity:1}50%{opacity:.4}}.chart-type-toggle{position:absolute;top:10px;left:12px;display:flex;gap:4px;z-index:3;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:3px}.chart-type-btn{background:transparent;border:none;color:#6b7280;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.chart-type-btn.active{background:#ffffff1a;color:#fff}.chart-type-btn:hover:not(.active){color:#e5e5e5}.holding-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.holding-modal-content{background:#17171cf2;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px #0009;width:90%;max-width:900px;height:80vh;border-radius:24px;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:24px 32px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.05)}.modal-title-group h2{margin:0;font-size:1.8rem;color:#fff;display:flex;align-items:center;gap:12px}.modal-ticker{background:#ffffff1a;padding:4px 10px;border-radius:8px;font-size:1rem;color:#d1d5db;font-weight:500}.live-badge{display:flex;align-items:center;gap:6px;background:#ef444426;padding:4px 8px;border-radius:6px;border:1px solid rgba(239,68,68,.3);font-size:.75rem;font-weight:700;color:#f87171;letter-spacing:.5px;cursor:pointer;margin-left:8px;transition:all .2s ease}.live-badge:hover{background:#ef444440}.live-dot{width:6px;height:6px;background-color:#f87171;border-radius:50%}.live-dot.pulsing{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #f87171b3}70%{transform:scale(1);box-shadow:0 0 0 5px #f8717100}to{transform:scale(.95);box-shadow:0 0 #f8717100}}.modal-price-group{margin-top:8px}.current-price{font-size:2.2rem;font-weight:700;color:#fff;margin:0;line-height:1.1}.price-change{font-size:1.1rem;font-weight:500;display:inline-flex;align-items:center;gap:4px}.price-change.up{color:#34d399}.price-change.down{color:#f87171}.close-btn{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.modal-chart-section{flex:1;padding:20px 32px;display:flex;flex-direction:column}.chart-controls{display:flex;gap:8px;margin-bottom:16px}.time-btn{background:transparent;border:none;color:#6b7280;font-weight:600;font-size:.9rem;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.time-btn:hover{color:#fff;background:#ffffff0d}.time-btn.active{color:#3b82f6;background:#3b82f626}.chart-wrapper{flex:1;width:100%;min-height:0}.chart-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:1.1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.position-summary{margin-top:24px;padding:20px;background:#ffffff08;border-radius:16px;display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.05)}.position-item small{color:#9ca3af;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.position-value{color:#fff;font-weight:600;font-size:1.2rem;margin-top:4px}@media(max-width:768px){.holding-modal-content{width:100%;height:100%;max-width:none;border-radius:0;overflow-y:auto}.modal-header{padding:16px 16px 12px}.modal-title-group h2{font-size:1.3rem}.modal-ticker{font-size:.8rem;padding:2px 8px}.current-price{font-size:1.6rem}.price-change{font-size:.9rem}.modal-chart-section{padding:12px 16px}.chart-controls{gap:4px;margin-bottom:12px;flex-wrap:wrap}.time-btn{font-size:.78rem;padding:5px 8px}.position-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;margin-top:16px}.position-item small{font-size:.68rem}.position-value{font-size:.95rem}}@media(max-width:400px){.modal-title-group h2{font-size:1.1rem}.current-price{font-size:1.3rem}.chart-controls{gap:2px}.time-btn{font-size:.72rem;padding:4px 6px;border-radius:6px}.position-value{font-size:.85rem}}.holdings-page{width:100%;max-width:1200px;margin:0 auto;padding:0 24px 80px;display:flex;flex-direction:column;height:100%}.holdings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-top:24px}.holdings-header h1{font-size:1.8rem;font-weight:700;color:#fff;margin:0}.header-controls{display:flex;align-items:center;gap:12px}.sync-btn{background:#3b82f633;border:1px solid rgba(59,130,246,.3);color:#93c5fd;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.sync-btn:hover{background:#3b82f64d;transform:translateY(-1px)}.sync-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.portfolio-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.summary-card{background:#19192399;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:center}.summary-label{font-size:.9rem;color:#9ca3af;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:1.6rem;font-weight:700;color:#fff}.summary-sub{font-size:.9rem;margin-top:4px}.summary-sub.muted{color:#6b7280}.text-green{color:#34d399}.text-red{color:#f87171}.holdings-list-container{background:#19192399;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;flex:1;display:flex;flex-direction:column;overflow-x:auto}.holdings-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:640px}.holdings-table .col-w-asset{width:28%}.holdings-table .col-w-qty{width:10%}.holdings-table .col-w-avg,.holdings-table .col-w-price,.holdings-table .col-w-value{width:15%}.holdings-table .col-w-rtn{width:17%}.holdings-table thead tr{border-bottom:1px solid rgba(255,255,255,.05)}.holdings-table th{padding:0 16px 16px;color:#6b7280;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:right;white-space:nowrap}.holdings-table th:first-child{text-align:left}.holding-row{border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:background .2s ease}.holding-row:hover{background:#ffffff0d}.holding-row:last-child td{border-bottom:none}.holdings-table td{padding:16px;font-size:1rem;color:#e5e5e5;font-weight:500;text-align:right;vertical-align:middle;font-variant-numeric:tabular-nums}.holdings-table td:first-child{text-align:left}.col-asset{display:flex;flex-direction:column;gap:2px}.asset-symbol{font-weight:700;color:#fff;font-size:1rem}.asset-name{font-size:.82rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-return{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.return-pct{font-size:.8rem;font-weight:500}.loading-state{text-align:center;color:#6b7280;margin-top:60px;font-size:.95rem}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af;line-height:1.6}.currency-toggle{display:flex;background:#ffffff0d;border-radius:12px;padding:4px;border:1px solid rgba(255,255,255,.1)}.currency-btn{background:transparent;border:none;color:#9ca3af;padding:6px 16px;font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.currency-btn.active{background:#ffffff1a;color:#fff}.currency-btn:hover:not(.active){color:#e5e5e5}@media(max-width:768px){.holdings-page{padding:0 16px 80px}.holdings-header{flex-direction:column;align-items:flex-start;gap:16px}.holdings-header h1{font-size:1.5rem}.portfolio-summary{grid-template-columns:1fr 1fr;gap:12px}.summary-card{padding:16px}.summary-value{font-size:1.3rem}.holdings-list-container{padding:16px}.holdings-table th.col-w-qty,.holdings-table th.col-w-avg,.holdings-table th.col-w-price,.holdings-table td.col-w-qty,.holdings-table td.col-w-avg,.holdings-table td.col-w-price{display:none}.holdings-table .col-w-asset{width:50%}.holdings-table .col-w-value,.holdings-table .col-w-rtn{width:25%}.holdings-table th,.holdings-table td{padding:14px 8px;font-size:.9rem}}.spending-pie-chart.glass-card{background:#1c1c2673;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:28px 32px 36px;box-shadow:0 16px 50px #00000073,inset 0 1px 2px #ffffff0d;transition:transform .3s ease,box-shadow .3s ease}.spending-pie-chart.glass-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #0000008c,inset 0 2px 4px #ffffff0f}.chart-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 24px;letter-spacing:-.5px;text-align:center}.chart-container{width:100%;min-height:300px}.pie-chart-empty{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;text-align:center;background:#1e1e2899;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px}.pie-chart-empty p{font-size:1.2rem;font-weight:600;margin-bottom:8px}.pie-chart-empty small{font-size:.92rem;color:#6b7280}.recharts-default-tooltip{background:#1e1e28f0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;box-shadow:0 10px 25px #00000073!important;color:#e5e5e5!important;padding:12px 16px!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.recharts-default-tooltip,.recharts-default-tooltip *{color:#e5e5e5!important}.recharts-legend-item-text,.recharts-legend-item-text:hover{color:#d1d5db!important;font-size:.92rem!important;fill:#d1d5db!important}.recharts-pie-label-text{fill:#fff!important;font-size:.84rem!important;font-weight:500!important;text-shadow:0 1px 4px rgba(0,0,0,.7)}.pie-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;list-style:none;padding:0;margin:8px 0 0}.pie-legend-item{display:flex;align-items:center;gap:6px}.pie-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pie-legend-label{color:#d1d5db;font-size:.85rem;font-weight:500}@media(max-width:768px){.spending-pie-chart.glass-card{padding:20px 24px 28px}.chart-title{font-size:1.3rem;margin-bottom:16px}.chart-container{min-height:260px}.pie-legend{gap:8px 14px}.pie-legend-label{font-size:.78rem}}.monthly-trend-chart{padding:24px}.monthly-trend-chart .chart-title{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#e5e5e5}.monthly-trend-chart .chart-container{width:100%}.trend-legend{display:flex;justify-content:center;gap:24px;padding-top:14px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.88rem;color:#d1d5db}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.trend-chart-empty{padding:40px;text-align:center;color:#6b7280}.trend-chart-empty small{display:block;margin-top:8px;color:#4b5563}.insights-page{display:flex;flex-direction:column;min-height:100%;width:100%;max-width:1100px;margin:0 auto;position:relative;padding:0 24px 80px;overflow-x:hidden}.insights-header{padding:24px 0 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.insights-header h1{font-size:1.8rem;font-weight:700;color:#fff;margin:0}.period-selector{display:flex;background:#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:4px;border-radius:14px;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 12px #0000004d}.period-selector button{background:transparent;border:none;color:#6b7280;padding:10px 20px;border-radius:10px;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .25s ease;white-space:nowrap}.period-selector button:hover{color:#d1d5db;background:#ffffff0d}.period-selector button.active{background:#6366f140;color:#a5b4fc;font-weight:600;box-shadow:0 2px 10px #6366f133;border:1px solid rgba(99,102,241,.3)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.summary-card{padding:20px;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}.summary-card h4{margin:0;font-size:.82rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.summary-card .value{margin:0;font-size:1.4rem;font-weight:700;color:#fff;white-space:normal;word-wrap:break-word}.summary-card small{color:#6b7280;font-size:.8rem}.text-green{color:#34d399!important}.text-red{color:#f87171!important}.charts-container{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.recurring-section{margin-bottom:24px}.recurring-card{padding:24px}.recurring-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.recurring-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#e5e5e5}.recurring-total{font-size:1.1rem;font-weight:700;color:#f87171;background:#f871711a;padding:6px 14px;border-radius:12px;border:1px solid rgba(248,113,113,.2)}.recurring-empty{color:#6b7280;font-size:.9rem;line-height:1.5}.subscriptions-list{display:flex;flex-direction:column;gap:8px}.sub-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .2s ease}.sub-item:hover{background:#ffffff0f;transform:translate(4px)}.sub-left{display:flex;flex-direction:column;gap:2px}.sub-merchant{font-size:.95rem;font-weight:600;color:#e5e5e5}.sub-freq{font-size:.78rem;color:#6b7280}.sub-amount{font-size:1.05rem;font-weight:700;color:#f87171}.ai-insights{margin-bottom:24px;padding:24px}.ai-insights h3{margin:0 0 16px;font-size:1.1rem;color:#d1d5db;display:flex;align-items:center;gap:8px}.ai-insights ul{padding-left:20px;margin:0 0 16px;color:#9ca3af;line-height:1.8}.ai-insights li{margin-bottom:8px}.ai-insights strong{color:#e5e5e5}.ai-insights small{color:#4b5563;font-size:.8rem}.loading-state,.error-state{padding:40px;text-align:center;color:#9ca3af}.retry-btn{margin-top:16px;background:#3b82f633;border:1px solid rgba(59,130,246,.3);color:#93c5fd;padding:10px 24px;border-radius:12px;cursor:pointer;font-weight:500;transition:all .2s ease}.retry-btn:hover{background:#3b82f64d}.glass-card{background:#1919238c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 4px 20px #0000004d}@media(max-width:768px){.insights-page{padding:0 16px 80px}.summary-grid{grid-template-columns:repeat(2,1fr)}.insights-header{flex-direction:column;align-items:flex-start;padding:20px 0}.summary-card .value{font-size:1.2rem}.recurring-header{flex-direction:column;align-items:flex-start;gap:8px}.period-selector button{padding:8px 14px;font-size:.82rem}}.settings-page{width:100%;max-width:900px;margin:0 auto;padding:0 24px 80px;display:flex;flex-direction:column}.settings-section{background:#19192399;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;margin-bottom:24px}.settings-section.danger{border-color:#ef444433;background:#23141499}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.section-icon{font-size:1.4rem;width:28px;text-align:center}.section-title{font-size:1.2rem;font-weight:700;color:#fff;margin:0}.section-subtitle{font-size:.85rem;color:#6b7280;margin-left:auto}.settings-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px;flex:1}.form-label{font-size:.85rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.form-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 18px;color:#f0f0f0;font-size:.95rem;outline:none;transition:all .25s ease;font-family:inherit}.form-input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f626}.form-input::placeholder{color:#4b5563}.form-input:disabled{opacity:.5;cursor:not-allowed}.settings-btn{padding:12px 24px;border-radius:14px;font-weight:600;font-size:.92rem;cursor:pointer;transition:all .25s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.settings-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.settings-btn.primary{background:#3b82f633;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.settings-btn.primary:hover:not(:disabled){background:#3b82f64d;transform:translateY(-1px)}.settings-btn.danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.settings-btn.danger:hover:not(:disabled){background:#ef444440;transform:translateY(-1px)}.settings-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.1);color:#9ca3af}.settings-btn.ghost:hover:not(:disabled){background:#ffffff0f;color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.status-msg{padding:12px 18px;border-radius:12px;font-size:.88rem;font-weight:500;animation:fadeIn .3s ease}.status-msg.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#86efac}.status-msg.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.linked-banks-list{display:flex;flex-direction:column;gap:12px}.bank-card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .25s ease}.bank-card:hover{background:#ffffff0d}.bank-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#3b82f633,#60a5fa1a);border:1px solid rgba(59,130,246,.2);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.bank-info{flex:1;min-width:0}.bank-name{font-weight:600;color:#f0f0f0;font-size:1rem;margin-bottom:4px}.bank-meta{font-size:.82rem;color:#6b7280;display:flex;gap:12px;align-items:center}.bank-meta .dot{width:3px;height:3px;border-radius:50%;background:#4b5563}.bank-status{display:inline-flex;align-items:center;gap:5px}.status-dot{width:6px;height:6px;border-radius:50%;background:#34d399}.status-dot.inactive{background:#f87171}.unlink-btn{background:transparent;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:8px 16px;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit}.unlink-btn:hover{background:#ef44441a}.unlink-btn:disabled{opacity:.5;cursor:not-allowed}.empty-banks{text-align:center;padding:40px 20px;color:#6b7280;font-size:.92rem;line-height:1.6}.confirm-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.confirm-dialog{background:#1e1e2afa;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;max-width:440px;width:100%;margin:0 16px;box-shadow:0 20px 60px #0009}.confirm-dialog h3{font-size:1.15rem;font-weight:700;color:#fff;margin:0 0 12px}.confirm-dialog p{color:#9ca3af;font-size:.9rem;line-height:1.6;margin:0 0 24px}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.danger-warning{display:flex;gap:12px;padding:16px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:14px;margin-bottom:20px}.danger-warning-icon{font-size:1.3rem;flex-shrink:0}.danger-warning-text{font-size:.88rem;color:#d1d5db;line-height:1.6}.danger-warning-text strong{color:#fca5a5}@media(max-width:640px){.settings-page{padding:0 16px 80px}.settings-section{padding:20px;border-radius:18px}.form-row{flex-direction:column}.bank-card{flex-direction:column;text-align:center;gap:12px}.bank-meta{justify-content:center}.confirm-dialog{padding:24px}}.profile-page{width:100%;max-width:900px;margin:0 auto;padding:0 24px 80px;display:flex;flex-direction:column}.profile-hero{background:#19192399;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:40px;margin-bottom:24px;display:flex;align-items:center;gap:28px;position:relative;overflow:hidden}.profile-hero:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%);pointer-events:none}.hero-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#60a5fa,#93c5fd);display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 0 0 4px #3b82f626,0 4px 20px #3b82f64d}.hero-details{flex:1;min-width:0}.hero-name{font-size:1.8rem;font-weight:800;color:#fff;margin:0 0 4px;line-height:1.2}.hero-email{font-size:.95rem;color:#9ca3af;margin:0 0 12px}.hero-badges{display:flex;gap:10px;flex-wrap:wrap}.hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;padding:6px 14px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#d1d5db}.hero-badge .badge-dot{width:6px;height:6px;border-radius:50%;background:#34d399}.profile-section{background:#19192399;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;margin-bottom:24px}.profile-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.profile-section-icon{font-size:1.3rem;width:28px;text-align:center}.profile-section-title{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.content-block{margin-bottom:24px}.content-block:last-child{margin-bottom:0}.content-block h4{font-size:.95rem;font-weight:700;color:#e5e5e5;margin:0 0 10px}.content-block p,.content-block li{font-size:.88rem;color:#9ca3af;line-height:1.7;margin:0 0 8px}.content-block ul{padding-left:20px;margin:0}.content-block li{margin-bottom:6px}.content-block .highlight{color:#93c5fd;font-weight:600}.content-block .muted{color:#6b7280;font-style:italic}.block-divider{height:1px;background:#ffffff0a;margin:24px 0}.contact-link{color:#93c5fd;text-decoration:none;font-weight:500;transition:color .2s ease}.contact-link:hover{color:#bae6fd;text-decoration:underline}.profile-version{text-align:center;padding:16px;color:#4b5563;font-size:.78rem;letter-spacing:.5px}@media(max-width:640px){.profile-page{padding:0 16px 80px}.profile-hero{flex-direction:column;text-align:center;padding:32px 24px}.hero-badges{justify-content:center}.hero-name{font-size:1.5rem}.profile-section{padding:20px}}.landing-page{min-height:100vh;width:100%;background:#0a0a0f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;color:#e5e5e5;overflow-x:hidden;position:relative}.landing-bg-gradient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.landing-bg-gradient:before{content:"";position:absolute;width:900px;height:900px;top:-300px;left:-200px;background:radial-gradient(circle,rgba(124,58,237,.15) 0%,transparent 70%);animation:floatOrb1 20s ease-in-out infinite}.landing-bg-gradient:after{content:"";position:absolute;width:800px;height:800px;bottom:-200px;right:-200px;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%);animation:floatOrb2 25s ease-in-out infinite}@keyframes floatOrb1{0%,to{transform:translate(0)}33%{transform:translate(80px,60px)}66%{transform:translate(-40px,100px)}}@keyframes floatOrb2{0%,to{transform:translate(0)}33%{transform:translate(-60px,-40px)}66%{transform:translate(50px,-80px)}}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;background:#0a0a0fb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-logo{font-size:1.6rem;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{color:#a0a0b0;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease;cursor:pointer;background:none;border:none}.nav-link:hover{color:#fff}.nav-cta{padding:10px 24px;background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed59}.landing-hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:160px 24px 80px;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#7c3aed1f;border:1px solid rgba(124,58,237,.25);border-radius:100px;font-size:.85rem;color:#a78bfa;font-weight:500;margin-bottom:32px;animation:fadeInUp .6s ease}.hero-title{font-size:4.2rem;font-weight:800;line-height:1.08;letter-spacing:-3px;color:#fff;margin-bottom:24px;animation:fadeInUp .6s ease .1s both}.hero-title .gradient-text{background:linear-gradient(135deg,#a78bfa,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.3rem;line-height:1.7;color:#a0a0b0;max-width:600px;margin-bottom:48px;animation:fadeInUp .6s ease .2s both}.hero-cta-group{display:flex;gap:16px;animation:fadeInUp .6s ease .3s both}.cta-primary{padding:16px 36px;background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;border:none;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #7c3aed59;text-decoration:none}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 14px 40px #7c3aed73}.cta-secondary{padding:16px 36px;background:#ffffff0f;color:#e5e5e5;border:1px solid rgba(255,255,255,.12);border-radius:14px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.cta-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.landing-features{position:relative;z-index:1;padding:80px 24px;max-width:1100px;margin:0 auto}.features-header{text-align:center;margin-bottom:64px}.features-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#a78bfa;margin-bottom:12px}.features-title{font-size:2.6rem;font-weight:800;color:#fff;letter-spacing:-1.5px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:#16162099;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:32px 28px;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:#7c3aed33;box-shadow:0 12px 40px #0000004d}.feature-icon{font-size:2.2rem;margin-bottom:18px;display:block}.feature-card h3{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:10px}.feature-card p{font-size:.95rem;line-height:1.6;color:#8888a0}.landing-trust{position:relative;z-index:1;padding:60px 24px 100px;text-align:center}.trust-items{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:10px;color:#6b7280;font-size:.95rem;font-weight:500}.trust-item span:first-child{font-size:1.3rem}.landing-final-cta{position:relative;z-index:1;text-align:center;padding:80px 24px 120px}.final-cta-card{max-width:700px;margin:0 auto;padding:60px 40px;background:linear-gradient(135deg,#7c3aed14,#3b82f614);border:1px solid rgba(124,58,237,.15);border-radius:28px}.final-cta-card h2{font-size:2.4rem;font-weight:800;color:#fff;letter-spacing:-1.5px;margin-bottom:16px}.final-cta-card p{font-size:1.1rem;color:#a0a0b0;margin-bottom:36px;line-height:1.6}.landing-footer{position:relative;z-index:1;text-align:center;padding:32px 24px 24px;border-top:1px solid rgba(255,255,255,.05);color:#4b5563;font-size:.85rem}.footer-links{display:flex;justify-content:center;gap:28px;margin-bottom:16px;flex-wrap:wrap}.footer-links a{color:#6b7280;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.footer-links a:hover{color:#a78bfa}@media(max-width:900px){.landing-nav{padding:16px 20px}.nav-links{gap:16px}.nav-link{display:none}.hero-title{font-size:2.6rem;letter-spacing:-1.5px}.hero-subtitle{font-size:1.1rem}.hero-cta-group{flex-direction:column;width:100%;max-width:360px}.features-grid{grid-template-columns:1fr;gap:16px}.features-title{font-size:1.8rem}.trust-items{flex-direction:column;gap:16px;align-items:center}.final-cta-card{padding:40px 24px}.final-cta-card h2{font-size:1.8rem}.landing-bg-gradient:before,.landing-bg-gradient:after{animation:none;opacity:.5}#pricing>div{grid-template-columns:1fr!important}}@media(max-width:480px){.landing-hero{padding:120px 16px 60px}.hero-title{font-size:2.1rem;letter-spacing:-1px}.hero-subtitle{font-size:1rem}}.privacy-content{max-width:800px;margin:0 auto}.privacy-section{background:#16162099;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:36px 32px;margin-bottom:24px}.privacy-section h2{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-.5px}.privacy-section p{font-size:.98rem;line-height:1.7;color:#a0a0b0;margin-bottom:16px}.privacy-section ul{padding-left:20px;margin-bottom:16px}.privacy-section ul li{font-size:.95rem;line-height:1.8;color:#a0a0b0}.privacy-section ul li strong{color:#e5e5e5}.privacy-section a{color:#a78bfa;text-decoration:none;transition:color .2s ease}.privacy-section a:hover{color:#c4b5fd;text-decoration:underline}.privacy-table{border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;margin:16px 0}.privacy-row{display:grid;grid-template-columns:1fr 1.2fr 1.3fr;gap:0}.privacy-row span{padding:12px 16px;font-size:.9rem;color:#a0a0b0;border-bottom:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}.privacy-row span:last-child{border-right:none}.privacy-row.header span{background:#7c3aed14;color:#c4b5fd;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.privacy-note{font-size:.9rem!important;color:#7c7c90!important;padding:12px 16px;background:#7c3aed0d;border:1px solid rgba(124,58,237,.1);border-radius:10px;margin-top:16px!important;margin-bottom:0!important}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.security-item{padding:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:border-color .3s ease}.security-item:hover{border-color:#7c3aed33}.security-icon{font-size:1.5rem;display:block;margin-bottom:10px}.security-item h4{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:6px}.security-item p{font-size:.88rem!important;line-height:1.5!important;color:#8888a0!important;margin-bottom:0!important}@media(max-width:900px){.privacy-row{grid-template-columns:1fr}.privacy-row span{border-right:none}.privacy-row.header span:not(:first-child){display:none}.security-grid{grid-template-columns:1fr}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:16px 24px;animation:slideUp .5s ease}.cookie-content{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:20px 28px;background:#12121cf2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(124,58,237,.15);border-radius:18px;box-shadow:0 -4px 40px #0006,0 0 20px #7c3aed14}.cookie-icon{font-size:2rem;flex-shrink:0}.cookie-text{flex:1}.cookie-text p{font-size:.88rem;line-height:1.5;color:#b0b0c0;margin:0}.cookie-text p strong{color:#e5e5e5}.cookie-detail{margin-top:6px!important;font-size:.82rem!important;color:#7c7c90!important}.cookie-detail a{color:#a78bfa;text-decoration:none;font-weight:500}.cookie-detail a:hover{text-decoration:underline}.cookie-actions{display:flex;gap:10px;flex-shrink:0}.cookie-accept{padding:10px 24px;background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.cookie-accept:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed59}.cookie-decline{padding:10px 20px;background:#ffffff0f;color:#a0a0b0;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cookie-decline:hover{background:#ffffff1a;color:#e5e5e5}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.cookie-content{flex-direction:column;text-align:center;gap:14px;padding:20px}.cookie-actions{width:100%;justify-content:center}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0f0f0f;color:#e5e5e5;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden}.app-container{display:flex;width:100vw;height:100vh;position:relative}.main-content-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;background-color:#0f0f0f}.top-navigation-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;height:70px;border-bottom:1px solid rgba(255,255,255,.07);background:#0f0f0f99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10}.top-left-section{display:flex;align-items:center;gap:16px}.top-right-section{display:flex;align-items:center}.page-title-group{display:flex;flex-direction:column}.page-title-text{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.4px;line-height:1.2}.greeting-text{font-size:.82rem;font-weight:400;color:#888;letter-spacing:.1px;margin-top:2px}.scrollable-content-area{flex:1;overflow-y:auto;padding:24px 24px 80px}.scrollable-content-area::-webkit-scrollbar{width:8px}.scrollable-content-area::-webkit-scrollbar-track{background:transparent}.scrollable-content-area::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px;border:2px solid transparent;background-clip:padding-box}.scrollable-content-area::-webkit-scrollbar-thumb:hover{background:#ffffff38;border:2px solid transparent;background-clip:padding-box}.scrollable-content-area{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.dashboard-view{animation:fadeIn .4s ease-out forwards;opacity:0}.section-title{color:#e5e5e5;font-size:1.8rem;font-weight:600;margin-bottom:24px;padding-left:4px}.action-buttons-row{display:flex;justify-content:center;gap:16px;margin:32px 0;flex-wrap:wrap}.accounts-section{max-width:1400px;margin:40px auto 0}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hamburger-button.icon-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#e3e3e3;transition:background-color .22s ease}.hamburger-button.icon-btn:hover{background-color:#ffffff17}.logout-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:#ef444424;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fca5a5;border:1px solid rgba(239,68,68,.38);border-radius:10px;font-size:.96rem;font-weight:600;cursor:pointer;transition:all .24s ease}.logout-btn:hover{background:#ef44443d;border-color:#ef444494;color:#fee2e2;transform:translateY(-1px)}.logout-btn.with-text{min-width:120px;justify-content:center}.logout-btn.compact{padding:10px;border-radius:50%;background:transparent;border:none;width:44px;height:44px}@media(max-width:640px){.top-navigation-bar{padding:12px 16px;height:64px}.page-title-text{font-size:1.35rem}.scrollable-content-area{padding:16px}.action-buttons-row{flex-direction:column;gap:12px}}