*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-center:#202224;--bg-edge:#0e0f10;--surface:#141416bf;--surface2:#18181ad9;--surface3:#1e1e20e6;--gold:#bfa76f;--gold-dim:#bfa76f1a;--ivory:#ededdc;--ivory-dim:#ededdc99;--ivory-muted:#ededdc59;--olive:#85614b;--moss:#3b3f2f;--maroon:#6b2e2f;--charcoal:#2c2e30;--green:#70c1a1;--red:#c97b6e;--amber:#bfa76f;--border:#bfa76f1f;--border2:#bfa76f33;--radius:18px;--radius-sm:12px;--font:"Inter", sans-serif;--font-mono:"DM Mono", monospace;--safe-bottom:env(safe-area-inset-bottom,0px)}html,body,#root{height:100%;color:var(--ivory);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:15px;font-weight:400}body{background:radial-gradient(ellipse at 50% 0%, var(--bg-center) 0%, var(--bg-edge) 70%);background-attachment:fixed;min-height:100dvh}button{font-family:var(--font);cursor:pointer}input,select{font-family:var(--font)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#bfa76f26;border-radius:2px}.app{background:0 0;flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.screen{padding-bottom:calc(72px + var(--safe-bottom));flex-direction:column;flex:1;display:none;overflow:hidden auto}.screen.active{display:flex}.header{justify-content:space-between;align-items:flex-start;padding:32px 24px 0;display:flex}.greeting{color:var(--ivory-muted);letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:300}.page-title{letter-spacing:-.8px;color:var(--ivory);font-size:26px;font-weight:300}.header-btn{background:var(--surface);border:.5px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:34px;height:34px;color:var(--ivory-muted);border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.header-btn:hover{color:var(--ivory);border-color:var(--border2)}.balance-card{border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);background:var(--surface);margin:24px 20px 0;padding:28px 24px 22px;position:relative;overflow:hidden}.balance-card:before{content:"";border-radius:var(--radius);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#bfa76f66,#0000 60%);padding:.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.balance-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#bfa76f1a 0%,#ededdc05 50%,#0000 70%);width:260px;height:260px;position:absolute;top:-80px;right:-80px}.balance-label{color:var(--ivory-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-size:10px;font-weight:400}.balance-value{letter-spacing:-2px;color:var(--ivory);font-size:44px;font-weight:300;font-family:var(--font-mono);margin-bottom:14px;line-height:1}.balance-sub{font-size:12px;font-family:var(--font-mono);gap:20px;font-weight:300;display:flex}.balance-inc{color:var(--green)}.balance-exp{color:var(--red)}.stats-row{grid-template-columns:1fr 1fr;gap:10px;margin:10px 20px 0;display:grid}.stat-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);padding:20px 16px}.stat-label{color:var(--ivory-muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px;font-size:10px;font-weight:400}.stat-value{font-size:20px;font-weight:300;font-family:var(--font-mono);letter-spacing:-.8px;color:var(--ivory)}.stat-value.green,.stat-value.red{color:var(--ivory)}.stat-badge{border-radius:6px;margin-top:8px;padding:3px 8px;font-size:10px;font-weight:400;display:inline-block}.badge-up{color:var(--green);background:#3b3f2f80;border:.5px solid #70c1a133}.badge-down{color:var(--red);background:#8b2c1f33;border:.5px solid #c97b6e33}.badge-neutral{color:var(--ivory-muted);border:.5px solid var(--border);background:#bfa76f0f}.section{margin:22px 20px 0}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{color:var(--ivory-muted);text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:400}.section-link{color:var(--gold);letter-spacing:.3px;background:0 0;border:none;font-size:11px;font-weight:400}.tx-list{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);overflow:hidden}.tx-empty{text-align:center;color:var(--ivory-muted);padding:40px 0;font-size:13px;font-weight:300;line-height:1.8}.tx-item{border-bottom:.5px solid #bfa76f0f;align-items:center;gap:14px;padding:14px 16px;transition:background .15s;display:flex;position:relative}.tx-item:last-child{border-bottom:none}.tx-item:active{background:#bfa76f08}.tx-icon{width:38px;height:38px;color:var(--gold);font-size:13px;font-weight:500;font-family:var(--font);text-transform:uppercase;background:#85614b1f;border:.5px solid #85614b40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tx-info{flex:1;min-width:0}.tx-desc{color:var(--ivory);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;font-size:14px;font-weight:400;overflow:hidden}.tx-cat{color:var(--ivory-muted);margin-top:2px;font-size:11px;font-weight:300}.tx-status{letter-spacing:.08em;text-transform:uppercase;background:0 0;margin-top:5px;padding:2px 0;font-size:9px;font-weight:400;display:inline-block}.tx-status.projetado{color:var(--amber);border-bottom:.5px solid #bfa76f4d}.tx-status.realizado{color:#70c1a1b3;border-bottom:.5px solid #70c1a133}.tx-right{text-align:right;flex-shrink:0}.tx-amount{font-size:14px;font-weight:400;font-family:var(--font-mono);color:var(--ivory)}.tx-amount.pos{color:var(--green)}.tx-amount.neg{color:var(--ivory)}.tx-amount.projected{opacity:.4}.tx-date{color:var(--ivory-muted);margin-top:3px;font-size:10px;font-weight:300}.tx-delete{color:var(--ivory-muted);opacity:0;background:0 0;border:none;padding:4px;font-size:14px;transition:opacity .2s}.tx-item:hover .tx-delete{opacity:1}.tx-filters{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tx-filter-btn{border:.5px solid var(--border);background:var(--surface2);color:var(--ivory-muted);border-radius:30px;padding:5px 12px;font-size:11px;font-weight:400;transition:all .2s}.tx-filter-btn.active{border-color:var(--border2);color:var(--gold);background:#bfa76f1a}.month-nav{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);align-items:center;gap:8px;margin:16px 20px 0;padding:12px 16px;display:flex}.month-nav-label{text-align:center;letter-spacing:-.2px;color:var(--ivory);flex:1;font-size:14px;font-weight:400}.month-nav-btn{color:var(--ivory-muted);background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1;transition:color .2s}.month-nav-btn:hover{color:var(--ivory)}.chart-wrap{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);padding:20px 16px}.chart-legend{gap:16px;margin-bottom:14px;display:flex}.legend-item{color:var(--ivory-muted);align-items:center;gap:6px;font-size:11px;font-weight:300;display:flex}.legend-dot{border-radius:50%;width:6px;height:6px}.legend-dot.receita{background:var(--gold)}.legend-dot.despesa{background:var(--charcoal);border:.5px solid #c97b6e73}.legend-dot.predictive{background:0 0;border:1px dashed #bfa76f80}.chart-tooltip{background:var(--surface3);border:.5px solid var(--border2);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(20px);min-width:140px;padding:10px 14px;font-size:12px}.chart-tooltip-month{color:var(--ivory-muted);letter-spacing:.3px;margin-bottom:6px;font-weight:300}.chart-tooltip-row{color:var(--ivory-dim);font-weight:300;font-family:var(--font-mono);justify-content:space-between;gap:16px;margin-bottom:3px;display:flex}.chart-tooltip-row span:last-child{color:var(--ivory);font-weight:400}.chart-tooltip-predictive{color:var(--gold);max-width:160px;font-weight:300;line-height:1.5}.chart-note{color:var(--ivory-muted);letter-spacing:.2px;text-align:center;margin-top:12px;font-size:10px;font-weight:300}.cat-item{margin-bottom:16px}.cat-item:last-child{margin-bottom:0}.cat-row{align-items:center;gap:10px;margin-bottom:7px;display:flex}.cat-dot{opacity:.7;border-radius:50%;flex-shrink:0;width:5px;height:5px}.cat-icon{width:30px;height:30px;color:var(--gold);font-size:11px;font-weight:500;font-family:var(--font);text-transform:uppercase;background:#85614b1f;border:.5px solid #85614b40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cat-name{color:var(--ivory-dim);flex:1;font-size:13px;font-weight:300}.cat-pct{font-size:12px;font-weight:400;font-family:var(--font-mono);color:var(--ivory)}.cat-bar-bg{background:#bfa76f1a;border-radius:2px;height:3px}.cat-bar-fill{background:var(--gold);border-radius:2px;height:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.cat-amount{color:var(--ivory-muted);font-size:10px;font-family:var(--font-mono);margin-top:3px;font-weight:300}.plan-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);margin-bottom:10px;padding:18px 16px}.plan-card:last-child{margin-bottom:0}.plan-cat-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.plan-cat-icon{opacity:.6;font-size:16px}.plan-cat-label{color:var(--ivory);flex:1;font-size:14px;font-weight:400}.plan-limit{color:var(--ivory-muted);font-size:12px;font-family:var(--font-mono);font-weight:300}.plan-progress-bg{background:#bfa76f14;border-radius:1px;height:2px}.plan-progress-fill{border-radius:1px;height:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.plan-amounts{color:var(--ivory-muted);font-size:11px;font-family:var(--font-mono);justify-content:space-between;margin-top:6px;font-weight:300;display:flex}.plan-amounts .used{font-weight:400}.fab{display:none}.bottom-nav{border-top:.5px solid var(--border);width:430px;padding-bottom:var(--safe-bottom);z-index:90;-webkit-backdrop-filter:blur(24px);background:#0e0f10eb;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#ededdc38;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:11px 0;transition:color .2s;display:flex}.nav-item.active{color:var(--ivory)}.nav-item i{font-size:20px}.nav-item span{letter-spacing:.4px;font-size:9px;font-weight:400}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(10px);background:#000000d9;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{border:.5px solid var(--border2);width:100%;max-width:430px;padding:28px 20px calc(28px + var(--safe-bottom));-webkit-backdrop-filter:blur(20px);background:#121214f7;border-radius:24px 24px 0 0;max-height:90dvh;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-title{color:var(--ivory);letter-spacing:-.3px;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:16px;font-weight:400;display:flex}.modal-close{border:.5px solid var(--border);color:var(--ivory-muted);background:#bfa76f14;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.type-toggle{gap:8px;margin-bottom:16px;display:flex}.type-btn{border-radius:var(--radius-sm);border:.5px solid var(--border);background:var(--surface2);color:var(--ivory-muted);flex:1;padding:10px;font-size:13px;font-weight:400;transition:all .2s}.type-btn.active-exp{color:var(--red);background:#8b2c1f26;border-color:#c97b6e4d}.type-btn.active-inc{color:var(--green);background:#3b3f2f66;border-color:#70c1a140}.form-group{margin-bottom:16px}.form-label{color:var(--ivory-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:10px;font-weight:400;display:block}.form-input{background:var(--surface2);border:.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--ivory);outline:none;padding:12px 14px;font-size:15px;font-weight:300;transition:border-color .2s}.form-input:focus{border-color:#bfa76f66}.form-input::placeholder{color:var(--ivory-muted)}.status-toggle{gap:8px;margin-bottom:16px;display:flex}.status-btn{border-radius:var(--radius-sm);border:.5px solid var(--border);background:var(--surface2);color:var(--ivory-muted);flex:1;padding:9px;font-size:12px;font-weight:400;transition:all .2s}.status-btn.active-proj{color:var(--amber);background:#bfa76f1a;border-color:#bfa76f4d}.status-btn.active-real{color:var(--green);background:#3b3f2f66;border-color:#70c1a140}.cat-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.cat-option{border-radius:var(--radius-sm);border:.5px solid var(--border);background:var(--surface2);color:var(--ivory-muted);text-align:center;cursor:pointer;font-size:11px;line-height:1.5;font-family:var(--font);padding:10px 4px;transition:all .18s}.cat-option.selected{color:var(--gold);background:#bfa76f14;border-color:#bfa76f66}.submit-btn{border-radius:var(--radius);width:100%;color:var(--ivory);letter-spacing:.2px;background:#bfa76f1a;border:.5px solid #bfa76f4d;padding:15px;font-size:15px;font-weight:400;transition:all .2s}.submit-btn:active{background:#bfa76f2e}.error-msg{color:var(--red);text-align:center;margin-bottom:12px;font-size:12px;font-weight:300}.auth-screen{background:radial-gradient(ellipse at 50% 0%, var(--bg-center) 0%, var(--bg-edge) 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth-logo{color:var(--ivory);letter-spacing:-1px;margin-bottom:6px;font-size:32px;font-weight:300}.auth-tagline{color:var(--ivory-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:48px;font-size:12px}.auth-card{background:var(--surface);border:.5px solid var(--border2);-webkit-backdrop-filter:blur(20px);border-radius:22px;width:100%;max-width:380px;padding:32px 24px}.auth-title{letter-spacing:-.4px;color:var(--ivory);margin-bottom:24px;font-size:18px;font-weight:300}.auth-switch{text-align:center;color:var(--ivory-muted);margin-top:20px;font-size:12px}.auth-switch button{color:var(--gold);background:0 0;border:none;font-size:12px;font-weight:400}.summary-cards{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.summary-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-sm);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:14px 10px}.summary-card-label{color:var(--ivory-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:9px;font-weight:400}.summary-card-value{font-size:14px;font-weight:300;font-family:var(--font-mono);color:var(--ivory);letter-spacing:-.2px}.summary-card-indicator{opacity:.9;border-radius:1px;width:22px;height:2px;margin:9px auto 0}.summary-card-indicator.moss{background:var(--moss)}.summary-card-indicator.maroon{background:var(--maroon)}.summary-card-indicator.gold{background:var(--gold)}.proj-banner{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:10px 20px 0;padding:16px}.proj-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.proj-label{color:var(--ivory-muted);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:400}.proj-value{font-size:12px;font-weight:400;font-family:var(--font-mono)}.proj-bar-bg{background:#bfa76f14;border-radius:1px;height:2px;margin-top:4px}.proj-bar-fill{border-radius:1px;height:2px;transition:width .6s}.toast{border:.5px solid var(--border2);color:var(--ivory);z-index:400;opacity:0;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);letter-spacing:.3px;background:#121214f2;border-radius:30px;padding:10px 20px;font-size:12px;font-weight:400;transition:opacity .25s;position:fixed;top:24px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.confirm-overlay{z-index:300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e0;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.confirm-overlay.open{display:flex}.confirm-box{border:.5px solid var(--border2);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121214f7;border-radius:20px;width:100%;max-width:320px;padding:28px}.confirm-title{letter-spacing:-.3px;color:var(--ivory);margin-bottom:8px;font-size:16px;font-weight:400}.confirm-msg{color:var(--ivory-muted);margin-bottom:24px;font-size:13px;font-weight:300;line-height:1.7}.confirm-btns{gap:10px;display:flex}.confirm-btn{border-radius:var(--radius-sm);border:none;flex:1;padding:13px;font-size:14px;font-weight:400}.confirm-btn.cancel{background:var(--surface2);color:var(--ivory-muted);border:.5px solid var(--border)}.confirm-btn.danger{color:var(--red);background:#8b2c1f33;border:.5px solid #c97b6e4d}