:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#eaf1e9;font-synthesis:none;background:#101612;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:#182216;background:#b5f36b;border:0;border-radius:10px;padding:12px 16px;font-weight:750}button:hover{filter:brightness(1.07)}button:disabled{opacity:.55;cursor:wait}.secondary{color:#e8f1e7;background:#27332b}.compact{align-items:center;gap:8px;padding:9px 12px;display:flex}.shell{min-height:100vh}header{border-bottom:1px solid #29352c;justify-content:space-between;align-items:center;gap:16px;padding:18px max(22px,50vw - 600px);display:flex}.brand{color:#b5f36b;align-items:center;gap:10px;font-size:23px;font-weight:850;display:flex}.brand svg{width:25px}.headright{align-items:center;gap:12px;display:flex}.container{max-width:1240px;margin:auto;padding:32px 20px}.heading{justify-content:space-between;align-items:end;gap:15px;margin-bottom:24px;display:flex}h1{margin:0 0 6px;font-size:29px}h2{align-items:center;gap:9px;margin:0 0 22px;font-size:17px;display:flex}p{margin:6px 0 15px}.muted{color:#a2afa4}.small{font-size:12px}.green{color:#b5f36b}.red{color:#f59c9c}.panel{background:#1b241e;border:1px solid #304035;border-radius:17px;min-width:0;padding:22px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:17px;display:grid}.stat{flex-direction:column;gap:13px;display:flex}.stat>span{align-items:center;gap:7px;display:flex}.stat strong{letter-spacing:-.8px;font-size:27px}.stat small{color:#7d9082}.columns{grid-template-columns:1fr 1fr;gap:17px;margin-bottom:17px;display:grid}label{flex-direction:column;gap:8px;font-size:13px;font-weight:650;display:flex}input,select{color:#f2f8ef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#121b15;border:1px solid #3b4b3e;border-radius:9px;outline:none;width:100%;min-width:0;padding:12px}input:focus,select:focus{border-color:#b5f36b}.form{flex-direction:column;gap:17px;display:flex}.toggle{background:#101912;border-radius:11px;grid-template-columns:1fr 1fr;gap:8px;padding:5px;display:grid}.toggle button{color:#a5b2a8;background:0 0}.toggle button.selected{color:#182216;background:#b5f36b}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chart{width:100%;height:285px}.legend{color:#b3c0b5;justify-content:center;gap:22px;font-size:13px;display:flex}.transactions{max-height:380px;overflow:auto}.transaction{border-bottom:1px solid #334035;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.transaction:last-child{border-bottom:0}.transaction strong{font-size:14px}.transaction .small{margin-top:6px}.amount{white-space:nowrap;align-items:center;gap:10px;display:flex}.iconbtn{color:#9faea2;background:0 0;padding:6px}.pie{height:225px}.categorylist>div,.item{border-bottom:1px solid #334035;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.categorylist span{align-items:center;gap:9px;display:flex}.categorylist i{border-radius:50%;width:10px;height:10px}.inlineform{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-top:20px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:#243028;border:1px solid #405044;border-radius:100px;padding:7px 11px;font-size:12px}.month{width:185px}.center{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth{flex-direction:column;gap:16px;width:min(100%,420px);display:flex}.auth h1{margin:15px 0 0}.auth p{margin:0}.error{color:#ffb2b2}.notice{color:#b5f36b}.alert{background:#253128;border:1px solid #405044;border-radius:10px;margin-bottom:15px;padding:12px 15px}footer{color:#7f9282;text-align:center;padding:24px;font-size:12px}@media (width<=950px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.columns{grid-template-columns:1fr}}@media (width<=550px){header{padding:15px}.brand{font-size:19px}.brand .small,.email{display:none}.container{padding:20px 12px}.heading{flex-direction:column;align-items:start}.stats{gap:9px}.panel{padding:16px}.stat strong{font-size:21px}.two,.inlineform{grid-template-columns:1fr}.transaction{align-items:start}.amount{flex-direction:column;align-items:end}.headright{gap:5px}}.recurring{margin-bottom:17px}.rec-summary{grid-template-columns:1fr auto;gap:10px;max-width:480px;margin:18px 0 25px;display:grid}.rec-summary strong{color:#b5f36b;text-align:right}.rec-form{border-top:1px solid #334035;max-width:850px;margin-top:18px;padding-top:22px}.rec-fields{grid-template-columns:140px 1fr 1fr;gap:12px;display:grid}.rec-form>button{align-self:start}@media (width<=650px){.rec-fields{grid-template-columns:1fr}.recurring .amount{align-items:end}.recurring .transaction{align-items:start}}.goal-card{border-bottom:1px solid #354039;padding:16px 0}.goal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.progress-track{background:#303a35;border-radius:99px;height:10px;margin:12px 0;overflow:hidden}.progress-fill{background:#b5f36b;border-radius:99px;height:100%;transition:width .2s}.progress-over{background:#f28c8c}.modal-backdrop{z-index:1000;background:#000000b8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal-card{width:min(100%,430px);box-shadow:0 24px 80px #00000080}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.history-filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0;display:grid}.history-filters label:first-child{grid-column:span 2}.repeat-toggle{align-items:center;gap:10px;margin:12px 0;font-size:14px;display:flex}.repeat-toggle input{accent-color:#b5f36b;width:auto}.daily-budget{background:#253229;border:1px solid #40543d;border-radius:12px;flex-direction:column;gap:5px;margin:18px 0;padding:14px;display:flex}.daily-budget strong{color:#b5f36b;font-size:25px}.modal-card{max-height:90vh;overflow-y:auto}.modal-card .form{margin-top:12px}@media (width<=650px){.history-filters label:first-child{grid-column:span 1}}.app-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;max-width:1500px;margin:0 auto;display:grid}.app-layout .container{width:100%;min-width:0;padding:26px 24px 40px}.app-sidebar{border-right:1px solid #29392e;flex-direction:column;gap:7px;min-height:calc(100vh - 72px);padding:28px 12px;display:flex;position:sticky;top:0}.sidebar-label{letter-spacing:.13em;color:#819786;margin:2px 14px 15px;font-size:11px}.nav-button{color:#aab9ac;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.nav-button.active{color:#b5f36b;background:#26382b}.nav-button:hover{background:#26332a}.sidebar-note{color:#718b77;margin-top:auto;padding:15px;font-size:12px}.mobile-bottom-nav{display:none}.tab-panel[hidden]{display:none!important}.quick-actions{flex-wrap:wrap;gap:12px;margin:0 0 18px;display:flex}.quick-actions button{justify-content:center;align-items:center;gap:9px;display:flex}.tab-panel .columns{margin-bottom:17px}@media (width<=900px){.app-layout{grid-template-columns:1fr}.app-sidebar{display:none}.app-layout .container{padding:22px 14px 110px}.mobile-bottom-nav{z-index:200;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#17221b;border-top:1px solid #3a4a3e;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0000004d}.mobile-bottom-nav button{color:#a6b5a9;background:0 0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 3px;font-size:11px;display:flex}.mobile-bottom-nav button.active{color:#b5f36b;background:#26382b}.mobile-bottom-nav span{white-space:nowrap}.quick-actions{grid-template-columns:1fr 1fr;display:grid}.quick-actions button{padding:12px 8px;font-size:12px}.tab-panel .columns{grid-template-columns:1fr}}@media (width<=550px){.app-layout .container{padding:18px 12px 110px}.heading{margin-bottom:16px}.stats{gap:9px}.tab-panel .panel{padding:16px}.tab-panel .stat strong{font-size:21px}.tab-panel .chart{height:230px}.tab-panel .transaction{min-width:0}.tab-panel .transaction>div:first-child{overflow-wrap:anywhere;min-width:0}}