@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--bg-primary:#050505;--bg-secondary:#ffffff0a;--bg-surface:#14141499;--accent-primary:#05f;--accent-secondary:#f05;--accent-light:#0055ff26;--text-primary:#fff;--text-secondary:#ffffff8c;--text-tertiary:#ffffff4d;--border-light:#ffffff14;--border-medium:#ffffff1f;--success-bg:#00d26a26;--success-text:#00d26a;--error-bg:#ff3b3026;--error-text:#ff3b30;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 4px 12px #0000001a;--shadow-md:0 8px 24px #00000026;--shadow-float:0 16px 40px #0055ff1f;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden}.glass{background:var(--bg-secondary);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-light)}.glass-surface{background:var(--bg-surface);-webkit-backdrop-filter:blur(32px);border:1px solid var(--border-light)}.t-h1{letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:800}.t-h2{letter-spacing:-.3px;margin-bottom:12px;font-size:20px;font-weight:700}.t-h3{letter-spacing:-.2px;font-size:16px;font-weight:600}.t-subtitle{color:var(--text-secondary);font-size:14px;font-weight:500}.page-content{max-width:600px;min-height:100vh;margin:0 auto;padding:24px 20px 100px}.card{border-radius:var(--radius-lg);background:var(--bg-secondary);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:24px}.budget-hero{box-shadow:var(--shadow-float);background:linear-gradient(135deg,#0055ff1a 0%,#05f0 100%);border-color:#05f3}.item-list{flex-direction:column;gap:12px;display:flex}.list-item{border-radius:var(--radius-md);background:var(--bg-secondary);transition:all var(--transition-fast);border:1px solid #0000;align-items:center;padding:16px;display:flex}.list-item:hover,.list-item:active{border-color:var(--border-light);background:#ffffff14;transform:scale(.98)}.icon-box{border-radius:var(--radius-sm);background:var(--bg-primary);border:1px solid var(--border-light);width:44px;height:44px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin-right:16px;font-size:20px;display:flex}.item-details{flex:1}.item-title{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:600}.item-subtitle{color:var(--text-secondary);font-size:13px;font-weight:500}.item-amount{font-size:15px;font-weight:700}.bottom-nav{-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-light);height:64px;padding-bottom:env(safe-area-inset-bottom);z-index:100;background:#0a0a0aa6;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-tertiary);border-radius:var(--radius-md);width:54px;height:54px;transition:all var(--transition-smooth);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.nav-item.active{color:var(--accent-primary);text-shadow:0 0 16px #0055ff80;transform:translateY(-4px)}.nav-icon{fill:currentColor;transition:transform var(--transition-smooth);font-size:20px}.nav-item.active .nav-icon{transform:scale(1.15)}button{cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-family:inherit}.btn-primary{border-radius:var(--radius-sm);background:var(--accent-primary);color:#fff;width:100%;transition:transform var(--transition-smooth), opacity var(--transition-fast), box-shadow var(--transition-smooth);padding:12px;font-size:14px;font-weight:600;box-shadow:0 8px 24px #0055ff4d}.btn-primary:active{transform:scale(.96);box-shadow:0 4px 12px #05f3}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 20px;font-size:14px;font-weight:600}.btn-secondary:active{background:var(--border-medium);transform:scale(.96)}.progress-container{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:4px;height:8px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.progress-fill{background:var(--accent-primary);height:100%;box-shadow:0 0 10px var(--accent-primary);border-radius:4px;transition:width .6s cubic-bezier(.175,.885,.32,1.275)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;animation:fadeIn var(--transition-fast);background-color:#000000b3;position:fixed;inset:0}.bottom-sheet{background:var(--bg-surface);-webkit-backdrop-filter:blur(40px);border-top:1px solid var(--border-medium);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);z-index:201;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));transition:transform .4s cubic-bezier(.175,.885,.32,1.1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -10px 40px #00000080}.bottom-sheet.open{transform:translateY(0)}.sheet-handle{background-color:var(--text-tertiary);border-radius:4px;width:36px;height:5px;margin:0 auto 24px}.sheet-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.sheet-input{border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background-color:#00000080;outline:none;padding:16px;font-size:16px;font-weight:500;box-shadow:inset 0 2px 4px #0003}.sheet-input:focus{border-color:var(--accent-primary);box-shadow:inset 0 2px 4px #0003,0 0 0 2px #05f3}.category-pill{border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:20px;padding:10px 16px;font-size:14px;font-weight:600}.category-pill.selected{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.uploader-zone{border:2px dashed var(--border-medium);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-smooth);cursor:pointer;background-color:#0006;padding:40px 20px;position:relative;overflow:hidden}.uploader-zone.active{border-color:var(--accent-primary);background-color:var(--accent-light);transform:scale(.98)}.uploader-icon{transition:transform var(--transition-smooth);margin-bottom:16px;font-size:48px}.uploader-zone.active .uploader-icon{transform:translateY(-10px)scale(1.1)}.uploader-text{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:700}.uploader-subtext{color:var(--text-secondary);font-size:14px}@keyframes fileDrop{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.uploader-zone.dropped{border-style:solid;border-color:var(--success-text);background-color:var(--success-bg);box-shadow:0 0 20px var(--success-bg);animation:.4s ease-out fileDrop}.timeline-container{flex-direction:column;padding:20px 0;display:flex;position:relative}.timeline-line{background-color:var(--border-medium);z-index:0;border-radius:4px;width:4px;position:absolute;top:40px;bottom:60px;left:36px}.timeline-progress{background-color:var(--accent-primary);z-index:1;width:4px;box-shadow:0 0 10px var(--accent-primary);border-radius:4px;transition:height .6s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:40px;left:36px}.timeline-node{z-index:2;cursor:pointer;transition:transform var(--transition-fast);align-items:center;margin-bottom:32px;display:flex;position:relative}.timeline-node:active{transform:scale(.96)}.timeline-icon-wrapper{background-color:var(--bg-primary);border:4px solid var(--border-medium);width:64px;height:64px;box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);z-index:3;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex}.timeline-node.completed .timeline-icon-wrapper{background-color:var(--bg-primary);border-color:var(--success-text);color:var(--success-text);box-shadow:inset 0 0 15px var(--success-bg), 0 0 15px var(--success-bg)}.timeline-node.active .timeline-icon-wrapper{background-color:var(--bg-primary);border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-light), 0 0 20px #05f6;transform:scale(1.15)}.timeline-content{background:var(--bg-secondary);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);flex-direction:column;flex:1;justify-content:center;min-height:72px;margin-left:20px;padding:16px;display:flex}.timeline-node.active .timeline-content{border-left:4px solid var(--accent-primary);box-shadow:var(--shadow-float);background:#ffffff14}.timeline-node.completed .timeline-content{opacity:.6}.timeline-title{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:700}.timeline-subtitle{color:var(--text-secondary);font-size:13px}