:root{--bg-color:transparent;--bg-card:#fff6;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#ffffff80;--primary-color:#3b82f6;--primary-hover:#2563eb;--income-color:#059669;--income-bg:#10b98126;--expense-color:#e11d48;--expense-bg:#e11d4826;--glass-border:1px solid #ffffff80;--glass-shadow:0 8px 32px #0000000d, inset 0 0 0 1px #fff3, inset 0 2px 2px #ffffff80;--glass-backdrop:blur(24px) saturate(180%)}@media (prefers-color-scheme:dark){:root{--bg-color:transparent;--bg-card:#0f172a73;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#ffffff1a;--primary-color:#60a5fa;--primary-hover:#3b82f6;--income-color:#10b981;--income-bg:#10b98126;--expense-color:#f43f5e;--expense-bg:#f43f5e26;--glass-border:1px solid #ffffff1a;--glass-shadow:0 8px 32px #0003, inset 0 0 0 1px #ffffff0d, inset 0 2px 2px #ffffff0d}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;min-height:100vh;transition:color .3s;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 15%,#93c5fd80,#0000 50%),radial-gradient(circle at 85% 30%,#c4b5fd80,#0000 50%),radial-gradient(circle at 50% 80%,#a7f3d066,#0000 50%),#f8fafc;width:200%;height:200%;animation:15s ease-in-out infinite alternate liquidFlow;position:fixed;top:-50%;left:-50%}@media (prefers-color-scheme:dark){body:before{background:radial-gradient(circle at 15%,#3b82f640,#0000 50%),radial-gradient(circle at 85% 30%,#8b5cf640,#0000 50%),radial-gradient(circle at 50% 80%,#10b98126,#0000 50%),#0f172a}}@keyframes liquidFlow{0%{transform:scale(1)translate(0)rotate(0)}50%{transform:scale(1.1)translate(3%,-3%)rotate(2deg)}to{transform:scale(1.2)translate(-3%,3%)rotate(-2deg)}}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.text-income{color:var(--income-color)}.text-expense{color:var(--expense-color)}.text-primary{color:var(--primary-color)}.bg-income{background-color:var(--income-bg)}.bg-expense{background-color:var(--expense-bg)}.bg-primary{background-color:#3b82f626}button,select,input,.interactive-card{transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s,border-color .3s,opacity .3s}button:active,.interactive-card:active{transform:scale(.96)}button:disabled{opacity:.6;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-fade-in{animation:.4s forwards fadeIn}.app-container{max-width:600px;min-height:100vh;margin:0 auto;padding-bottom:110px;position:relative}.floating-dock{background:var(--bg-card);width:calc(100% - 48px);max-width:400px;-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);z-index:1000;border-radius:32px;justify-content:space-around;padding:12px 8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000001a,inset 0 0 0 1px #fff3,inset 0 2px 2px #fff6}@media (prefers-color-scheme:dark){.floating-dock{box-shadow:0 10px 40px #0000004d,inset 0 0 0 1px #ffffff0d,inset 0 2px 2px #ffffff0d}}::-webkit-scrollbar{background:0 0;width:0}