:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;--bg:#f5f3ee;--surface:#fffefa;--surface-2:#eceae4;--text:#1c1d1a;--muted:#6a6d66;--line:#1c1d1a1a;--green:#1f6046;--green-strong:#184b38;--green-soft:#dcebdc;--red:#97443e;--red-soft:#f0ddda;--shadow:0 18px 50px #23241f1a;--safe-top:max(14px, env(safe-area-inset-top));--safe-bottom:max(18px, env(safe-area-inset-bottom));--motion:.17s cubic-bezier(.2,.7,.2,1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=dark]{--bg:#151615;--surface:#1e201e;--surface-2:#272a27;--text:#f2f2ed;--muted:#b4b8b0;--line:#ffffff1a;--green:#91d3af;--green-strong:#b5e2c8;--green-soft:#244635;--red:#ef9a94;--red-soft:#4a2b29;--shadow:0 18px 50px #0000003d}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--bg:#151615;--surface:#1e201e;--surface-2:#272a27;--text:#f2f2ed;--muted:#b4b8b0;--line:#ffffff1a;--green:#91d3af;--green-strong:#b5e2c8;--green-soft:#244635;--red:#ef9a94;--red-soft:#4a2b29;--shadow:0 18px 50px #0000003d}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-width:100%;min-height:100%;margin:0}html,body{background:var(--bg);color:var(--text);overflow-x:hidden}body{min-height:100dvh}button,input{font:inherit}button{color:inherit;border:0}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--green) 50%, transparent);outline-offset:3px}.app-shell{background:var(--bg);width:min(100%,600px);min-height:100dvh;margin:0 auto;position:relative}.screen{min-height:100dvh;padding:calc(var(--safe-top) + 6px) 20px calc(var(--safe-bottom) + 8px);flex-direction:column;display:flex}.screen--home{justify-content:space-between}.page-enter{animation:pageIn var(--motion) both}@keyframes pageIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.topbar{align-items:center;gap:10px;min-height:50px;display:flex}.topbar--spread{justify-content:space-between}.brand,.topbar-title{letter-spacing:-.02em;font-size:19px;font-weight:760}.icon-button{background:var(--surface-2);cursor:pointer;width:48px;height:48px;transition:transform var(--motion), opacity var(--motion), background var(--motion);border-radius:999px;place-items:center;display:grid}.icon-button:active{transform:scale(.95)}.icon-button:disabled{opacity:.28;cursor:default}.icon-button--small{width:44px;height:44px}.theme-anchor{position:relative}.theme-menu{z-index:20;border:1px solid var(--line);background:var(--surface);width:186px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform-origin:100% 0;transition:opacity var(--motion), transform var(--motion), visibility var(--motion);border-radius:16px;padding:7px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-5px)scale(.98)}.theme-menu--open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.theme-option{cursor:pointer;background:0 0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:49px;padding:0 12px;font-weight:680;display:flex}.theme-option--active{background:var(--surface-2)}.radio-dot{border:2px solid var(--muted);border-radius:50%;width:20px;height:20px;position:relative}.theme-option--active .radio-dot{border-color:var(--green)}.theme-option--active .radio-dot:after{content:"";background:var(--green);border-radius:50%;position:absolute;inset:4px}.home-intro{padding-top:clamp(22px,7dvh,74px)}.eyebrow{color:var(--muted);margin:0 0 8px;font-size:18px;font-weight:650}h1{letter-spacing:-.05em;max-width:9ch;margin:0;font-size:clamp(37px,10.5vw,54px);line-height:.98}.home-actions{gap:13px;padding-bottom:clamp(6px,2dvh,20px);display:grid}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quick-card{aspect-ratio:1/.91;cursor:pointer;transition:transform var(--motion), filter var(--motion);border-radius:25px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:18px;display:flex}.quick-card:active{transform:scale(.975)}.quick-card--income{background:var(--green-soft)}.quick-card--expense{background:var(--red-soft)}.quick-icon{background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:17px;place-items:center;width:55px;height:55px;display:grid}.quick-card--income .quick-icon{color:var(--green-strong)}.quick-card--expense .quick-icon{color:var(--red)}.quick-label{letter-spacing:-.03em;font-size:clamp(22px,6vw,27px);font-weight:790}.finance-button{background:var(--surface);border:1px solid var(--line);text-align:left;cursor:pointer;width:100%;min-height:72px;transition:transform var(--motion), background var(--motion);border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px 16px;font-size:18px;font-weight:740;display:grid}.finance-button:active{transform:scale(.988)}.finance-button__icon{background:var(--surface-2);width:40px;height:40px;color:var(--green);border-radius:12px;place-items:center;display:grid}.install-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;padding:12px 12px 12px 16px;display:grid}.install-card__text{gap:3px;min-width:0;display:grid}.install-card__text strong{font-size:16px;line-height:1.2}.install-card__text span{color:var(--muted);font-size:13px;line-height:1.3}.install-button{background:var(--green);color:#fff;cursor:pointer;min-height:48px;transition:transform var(--motion), opacity var(--motion);border-radius:14px;padding:0 16px;font-weight:760}.install-button:active{transform:scale(.97)}html[data-theme=dark] .install-button{color:#102218}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .install-button{color:#102218}}.month-switcher{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:18px 0;display:grid}.month-name{text-align:center;text-transform:capitalize;font-size:20px}.summary-grid{gap:10px;display:grid}.metric{border:1px solid var(--line);background:var(--surface);border-radius:21px;padding:18px}.metric span{color:var(--muted);margin-bottom:6px;font-size:16px;display:block}.metric strong{letter-spacing:-.045em;font-size:clamp(29px,8vw,39px);line-height:1;display:block}.metric--highlight{background:var(--green-soft);border-color:#0000}.metric--negative{background:var(--red-soft)}.category-section{margin-top:26px}.category-section h2{margin:0 0 7px;font-size:19px}.category-list{padding-bottom:6px}.category-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:55px;font-size:18px;display:flex}.category-row:last-child{border-bottom:0}.category-row strong{white-space:nowrap}.screen--register{min-height:100dvh}.register-content{flex-direction:column;flex:1;padding-top:22px;display:flex}.field-question{color:var(--muted);margin:0 0 9px;font-size:18px;font-weight:680;display:block}.amount-field{border-bottom:2px solid var(--line);transition:border-color var(--motion);align-items:baseline;gap:8px;padding-bottom:12px;display:flex}.amount-field:focus-within{border-color:var(--green)}.amount-field span{color:var(--muted);font-size:24px;font-weight:720}.amount-field input{width:100%;min-width:0;color:var(--text);letter-spacing:-.05em;background:0 0;border:0;outline:0;padding:0;font-size:clamp(43px,14vw,65px);font-weight:790;line-height:1}.amount-field input::placeholder{color:color-mix(in srgb, var(--muted) 44%, transparent)}.category-question{margin-top:27px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.category-chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:62px;transition:transform var(--motion), background var(--motion), border var(--motion);border-radius:16px;padding:12px;font-size:16px;font-weight:720}.category-chip:active{transform:scale(.98)}.category-chip--selected{background:var(--green-soft);border:2px solid var(--green)}.register-footer{margin-top:auto;padding-top:18px}.primary-button{background:var(--green);color:#fff;cursor:pointer;width:100%;min-height:66px;transition:transform var(--motion), opacity var(--motion);border-radius:19px;font-size:19px;font-weight:780}html[data-theme=dark] .primary-button{color:#102218}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .primary-button{color:#102218}}.primary-button:active{transform:scale(.985)}.primary-button:disabled{opacity:.38;cursor:default}.primary-button--success,.primary-button--success:disabled{opacity:1;background:var(--green-soft);color:var(--green-strong)}.category-chip:disabled,.amount-field input:disabled{cursor:default}@media (width>=700px){body{background:color-mix(in srgb, var(--bg) 88%, var(--green-soft))}.app-shell{box-shadow:0 0 0 1px var(--line)}}@media (height<=720px){.screen{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.home-intro{padding-top:4px}h1{font-size:clamp(33px,9vw,43px)}.install-card{min-height:60px;padding-block:8px}.install-card__text span{display:none}.quick-card{aspect-ratio:1/.78;padding:15px}.quick-icon{width:47px;height:47px}.finance-button{min-height:64px}.register-content{padding-top:8px}.category-question{margin-top:18px}.category-chip{min-height:54px}.primary-button{min-height:60px}}@media (width<=350px){.screen{padding-left:15px;padding-right:15px}.quick-grid{gap:9px}.quick-card{border-radius:21px;padding:14px}.category-grid{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.auth-screen{min-height:100dvh;padding:calc(var(--safe-top) + 22px) 20px calc(var(--safe-bottom) + 22px);background:var(--bg);place-items:center;display:grid}.auth-screen>strong{font-size:20px}.auth-screen--form{align-items:center}.auth-card{width:min(100%,440px)}.auth-mark{background:var(--green);color:#fff;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:22px;display:grid}html[data-theme=dark] .auth-mark{color:#102218}.auth-title{max-width:none;margin-bottom:30px}.auth-title--name{font-size:clamp(34px,9vw,48px);line-height:1.02}.auth-form{gap:15px;display:grid}.auth-form label{gap:8px;font-size:16px;font-weight:680;display:grid}.auth-form input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:58px;color:var(--text);border-radius:16px;outline:0;padding:0 16px;font-size:18px}.auth-form input:focus{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb, var(--green) 18%, transparent)}.auth-error{color:var(--red);margin:0;font-size:15px;line-height:1.4}
