@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-dark:#0f172a;--bg-deep:#1e1b4b;--accent-purple:#7c3aed;--accent-cyan:#06b6d4;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);--glass-border:#ffffff14;--glass-highlight:#ffffff26;--glass-blur:24px;--glass-shadow:0 8px 32px 0 #0000004d;--color-income:#4ade80;--color-expense:#f87171;--color-savings:#22d3ee;--font-sans:"Outfit",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-sans);min-height:100vh;color:var(--text-primary);background-color:#0f172a;background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a 0,#0000 50%),radial-gradient(at 100% 0,#722741 0,#0000 50%);background-attachment:fixed;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.5s cubic-bezier(.2,.8,.2,1) forwards fadeInUp}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#7c3aed26,#0000 60%),radial-gradient(circle at 80% 20%,#06b6d41a,#0000 50%);width:200%;height:200%;position:fixed;top:-50%;left:-50%}a{color:inherit;text-decoration:none}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-left:1px solid var(--glass-highlight);box-shadow:var(--glass-shadow);border-radius:20px;position:relative;overflow:hidden}.glass-card:after{content:"";pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.text-gradient{background:linear-gradient(90deg,#22d3ee,#c084fc);color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:1rem}input,select,textarea{color:var(--text-primary);width:100%;font-size:1rem;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f172a66;border:1px solid #ffffff0d;border-radius:16px;outline:none;padding:.875rem 1.25rem;transition:all .3s}input[type=date]{appearance:none;min-height:52px;display:block}::-webkit-calendar-picker-indicator{filter:invert(.8);opacity:.6;cursor:pointer;margin-left:auto}input:focus,select:focus{border-color:var(--accent-cyan);background:#0f172a99;box-shadow:0 0 0 4px #06b6d41a}button{cursor:pointer;font-family:var(--font-sans);border:none}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));color:#fff;letter-spacing:.02em;border-radius:16px;padding:.875rem 2rem;font-weight:600;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 20px #7c3aed66}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 25px #7c3aed80}.btn-primary:active{transform:scale(.98)}