: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}body{margin:0}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}}p{margin:0}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:#f8fafc;--bg:#050816;--text:#f8fafc;--text-strong:#fff;--muted:#94a3b8;--muted-2:#64748b;--card:#0f172abd;--card-strong:#0f172ad6;--card-soft:#02061780;--border:#94a3b82e;--border-strong:#38bdf847;--input-bg:#020617b3;--nav-bg:#020617eb;--shadow:0 24px 80px #00000047;--shadow-nav:0 24px 90px #0000008c;--accent:#38bdf8;--green:#22c55e;--danger:#fca5a5;--warning:#f59e0b;--button-text:#031014;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#050816;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[data-theme=light]{color:#0f172a;--bg:#f4f7fb;--text:#0f172a;--text-strong:#020617;--muted:#64748b;--muted-2:#94a3b8;--card:#ffffffd1;--card-strong:#ffffffe0;--card-soft:#f1f5f9e6;--border:#0f172a14;--border-strong:#0ea5e947;--input-bg:#ffffffe6;--nav-bg:#fffffff0;--shadow:0 18px 50px #0f172a14;--shadow-nav:0 20px 70px #0f172a29;--accent:#0284c7;--green:#16a34a;--danger:#dc2626;--warning:#d97706;--button-text:#031014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f7fb}*{box-sizing:border-box;transition:background-color .42s,background .42s,color .32s,border-color .42s,box-shadow .42s,filter .42s}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #3b82f652, transparent 30rem), radial-gradient(circle at top right, #22c55e2e, transparent 28rem), radial-gradient(circle at bottom, #a855f724, transparent 30rem), var(--bg);margin:0;overflow-x:hidden}html[data-theme=light] body{background:radial-gradient(circle at top left, #0ea5e933, transparent 30rem), radial-gradient(circle at top right, #22c55e29, transparent 28rem), radial-gradient(circle at bottom, #fbbf2421, transparent 30rem), var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.app{width:min(460px,100%);min-height:100vh;margin:0 auto;padding:22px 16px 160px;overflow-x:hidden}.screen-transition{will-change:transform, opacity}.top-shell{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.top-actions{align-items:center;gap:8px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}h1,h2,p{margin-top:0}h1{color:var(--text-strong);letter-spacing:-.06em;margin-bottom:0;font-size:36px;line-height:1.05}h2{color:var(--text-strong);margin-bottom:14px;font-size:18px}.hello-line{color:var(--muted);margin:8px 0 0;font-size:15px;font-weight:800}.hello-line span{display:inline-block;transform:translateY(1px)}.subtitle,.muted{color:var(--muted);line-height:1.5}.badge{border:1px solid var(--border);background:var(--card);color:#86efac;border-radius:999px;flex:none;padding:10px 14px;font-weight:950;box-shadow:0 0 30px #22c55e2e}html[data-theme=light] .badge{color:#047857}.theme-toggle,.avatar-bubble{border:1px solid var(--border);background:var(--card);width:46px;height:46px;color:var(--text);box-shadow:var(--shadow);border-radius:999px;place-items:center;padding:0;font-size:20px;display:grid;position:relative;overflow:hidden}.avatar-bubble{font-size:21px}.theme-toggle:before,.avatar-bubble:before{content:"";opacity:0;background:radial-gradient(circle at 35% 35%,#ffffff52,#0000 34%),#38bdf814;border-radius:999px;transition:transform .52s cubic-bezier(.2,.85,.2,1),opacity .42s;position:absolute;inset:5px;transform:scale(0)}.theme-toggle:active:before,.avatar-bubble:active:before{opacity:1;transform:scale(2.2)}.theme-toggle:hover,.avatar-bubble:hover{transform:translateY(-1px)rotate(4deg)}.month-switcher{will-change:transform, opacity;grid-template-columns:46px 1fr 46px;align-items:center;gap:10px;margin-bottom:14px;display:grid}.month-switcher.slide-left{animation:1s cubic-bezier(.2,.85,.2,1) both monthSwitcherLeft}.month-switcher.slide-right{animation:1s cubic-bezier(.2,.85,.2,1) both monthSwitcherRight}.dashboard-swipe.slide-left{animation:1s cubic-bezier(.2,.85,.2,1) both monthSwitcherLeft}.dashboard-swipe.slide-right{animation:1s cubic-bezier(.2,.85,.2,1) both monthSwitcherRight}.month-switcher select{text-align:center;font-weight:900}.month-arrow{border:1px solid var(--border);background:var(--card);width:46px;height:46px;color:var(--text);border-radius:16px;padding:0;font-size:30px;line-height:1}.card,.small-card{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:26px}.card{margin-bottom:14px;padding:18px}.main-card{background:linear-gradient(135deg, #0ea5e938, #22c55e1f), var(--card-strong);position:relative;overflow:hidden}html[data-theme=light] .main-card{background:linear-gradient(135deg, #0ea5e92e, #22c55e29), var(--card-strong)}.main-card:before{content:"";filter:blur(2px);background:#38bdf82e;border-radius:999px;width:160px;height:160px;position:absolute;top:-70px;right:-70px}.today-card{background:linear-gradient(135deg, #22c55e1f, #38bdf817), var(--card)}.today-grid,.forecast-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.today-grid div,.forecast-grid div{background:var(--card-soft);border-radius:18px;padding:13px}.forecast-grid .wide{grid-column:1/-1}.today-grid span,.forecast-grid span{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:800;display:block}.today-grid strong,.forecast-grid strong{color:var(--text-strong);font-size:20px}.row,.progress-info,.section-head,.transaction,.category-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.row span,.progress-info span,.small-card span{color:var(--muted)}.row strong{color:var(--text-strong);font-size:18px}.progress-wrap{margin-top:18px}.progress-info{margin-bottom:8px}.progress-bar,.mini-bar{background:#0f172ad9;border-radius:999px;height:12px;overflow:hidden}html[data-theme=light] .progress-bar,html[data-theme=light] .mini-bar{background:#cbd5e1bf}.progress-bar div{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#38bdf8);height:100%;transition:width .65s}.big-number{color:var(--text-strong);letter-spacing:-.06em;margin-top:18px;font-size:42px;font-weight:950}.big-number.danger,.danger-text{color:var(--danger)}.warning-text{color:var(--warning)}.grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.small-card{padding:16px}.small-card strong{color:var(--text-strong);margin-top:8px;font-size:20px;display:block}.small-card small{color:var(--muted);margin-top:4px;font-size:12px;font-weight:800;display:block}label{color:var(--muted);gap:8px;margin-bottom:12px;font-weight:800;display:grid}input,select{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);border-radius:16px;outline:none;padding:14px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #38bdf81a}button{width:100%;color:var(--button-text);background:linear-gradient(135deg,#22c55e,#06b6d4);border:0;border-radius:18px;padding:15px 16px;font-weight:950}button.ghost{width:auto;color:var(--text);background:#94a3b81f;border-radius:999px;padding:9px 12px}.secondary-button{color:var(--text-strong);border:1px solid var(--border-strong);background:#38bdf824}.button-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.transactions,.category-list,.summary-list{gap:10px;display:grid}.transaction,.category-row,.summary-list div{background:var(--card-soft);border-radius:18px;padding:13px}.transaction-left,.category-row{align-items:center;gap:12px;display:flex}.transaction-left>div:last-child{gap:3px;display:grid}.transaction span,.transaction small,.category-sub,.summary-list span{color:var(--muted);font-size:13px}.transaction small{color:var(--muted-2);font-size:12px}.transaction strong,.category-top strong,.category-top span,.summary-list strong{color:var(--text-strong)}.transaction b{color:var(--danger)}.transaction-icon,.category-icon{border:1px solid var(--border);background:var(--card);border-radius:16px;flex:none;place-items:center;width:42px;height:42px;display:grid}.transaction-right{align-items:center;gap:10px;display:flex}.delete-btn{color:#fecaca;background:#f8717124;border-radius:999px;width:34px;height:34px;padding:0;font-size:24px;line-height:1}html[data-theme=light] .delete-btn{color:#dc2626;background:#dc26261a}.category-main{gap:6px;width:100%;display:grid}.category-top span{font-weight:900}.category-sub{justify-content:space-between;gap:10px;display:flex}.category-chevron{color:#7dd3fc;font-weight:900}.mini-bar{height:8px}.mini-bar div{border-radius:inherit;height:100%;transition:width .8s}.hint{color:var(--muted);margin-bottom:12px;font-size:13px;line-height:1.45}.category-row-button{width:100%;color:inherit;text-align:left;cursor:pointer;border:1px solid #0000;transition:transform .18s,border-color .18s,background .18s}.category-row-button:hover{border-color:var(--border-strong);transform:translateY(-1px)}.active-category{background:linear-gradient(135deg, #22c55e1f, #38bdf814), var(--card-soft);border-color:#22c55e73}.category-detail-card{border-color:var(--border-strong)}.detail-subtitle{margin-bottom:0;font-size:13px}.chart{grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;height:230px;padding-top:8px;display:grid}.chart-column{text-align:center;height:100%;color:var(--muted);grid-template-rows:1fr auto;gap:10px;font-size:12px;font-weight:800;display:grid}.chart-bar-wrap{background:var(--card-soft);border-radius:18px;align-items:end;height:100%;display:flex;overflow:hidden}.chart-bar{background:linear-gradient(#38bdf8f2,#3b82f673);border-radius:18px 18px 0 0;width:100%;min-height:4px;animation:.7s both growBar}.chart-bar.active{background:linear-gradient(#22c55e,#06b6d4);box-shadow:0 0 30px #22c55e33}.pill{color:#7dd3fc;background:#38bdf81f;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.danger-pill{color:#fca5a5;background:#ef444424}.ranking-list{gap:10px;display:grid}.ranking-row{background:var(--card-soft);border-radius:18px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:13px;display:grid}.ranking-row span{background:var(--card);width:34px;height:34px;color:var(--muted);border-radius:14px;place-items:center;font-size:13px;font-weight:950;display:grid}.ranking-row strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-row b{color:var(--danger);font-size:14px}.profile-settings-row{grid-template-columns:1fr 110px;gap:12px;display:grid}.preview-greeting{color:var(--muted);margin-bottom:0}.preview-greeting strong{color:var(--text-strong)}.saving-orb{background:radial-gradient(circle at center, var(--card) 47%, transparent 48%), conic-gradient(#22c55e 0deg, #06b6d4 var(--saving-deg), #94a3b829 var(--saving-deg));border-radius:999px;place-items:center;width:170px;height:170px;margin:8px auto 18px;transition:background .65s,transform .42s,box-shadow .42s;display:grid;box-shadow:0 0 60px #22c55e24}.saving-orb:hover{transform:scale(1.02);box-shadow:0 0 70px #22c55e33}.saving-orb div{text-align:center}.saving-orb span{color:var(--muted);font-size:13px;display:block}.saving-orb strong{color:var(--text-strong);letter-spacing:-.06em;font-size:36px;display:block}.rule-form{gap:10px;display:grid}.visible-rule-form{background:var(--card-soft);border:1px solid var(--border);border-radius:20px;padding:14px}.rules-panel{overscroll-behavior:contain;border-radius:20px;max-height:280px;margin-top:12px;padding-right:4px;overflow-y:auto}.rules-panel::-webkit-scrollbar{width:7px}.rules-panel::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.rules-list{gap:10px;display:grid}.rule-row{background:var(--card-soft);border-radius:18px;grid-template-columns:1fr 38px;align-items:center;gap:10px;padding:13px;display:grid}.rule-row div{gap:3px;display:grid}.rule-row strong{color:var(--text-strong)}.rule-row span{color:var(--muted);font-size:13px}.segmented{border:1px solid var(--border);background:var(--card-soft);border-radius:20px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;padding:6px;display:grid}.segmented button{color:var(--muted);background:0 0;border-radius:16px;padding:12px 10px}.segmented button.active{color:var(--text-strong);background:#38bdf829}.daily-limit-box{background:var(--card-soft);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.daily-limit-box span{color:var(--muted);font-size:13px;font-weight:800}.daily-limit-box strong{color:var(--text-strong);font-size:20px}.calendar-legend{color:var(--muted);flex-wrap:wrap;gap:8px 12px;margin-bottom:14px;font-size:12px;font-weight:800;display:flex}.calendar-legend span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.legend-dot.ok{background:#22c55e}.legend-dot.near{background:#f59e0b}.legend-dot.over{background:#ef4444}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.weekday-grid{margin-bottom:8px}.weekday-grid span{text-align:center;color:var(--muted);font-size:12px;font-weight:900}.calendar-day{border:1px solid var(--border);background:var(--card-soft);text-align:center;border-radius:15px;align-content:start;gap:4px;min-height:62px;padding:7px 5px;display:grid;overflow:hidden}.calendar-day.blank{box-shadow:none;background:0 0;border-color:#0000}.calendar-day strong{color:var(--text-strong);font-size:14px}.calendar-day span{color:var(--muted);word-break:break-word;font-size:10px;font-weight:900;line-height:1.1}.calendar-day small{color:var(--muted-2);font-size:11px}.calendar-day.ok{background:linear-gradient(135deg, #22c55e2e, #22c55e0f), var(--card-soft);border-color:#22c55e61}.calendar-day.ok span{color:#86efac}.calendar-day.near{background:linear-gradient(135deg, #f59e0b33, #f59e0b12), var(--card-soft);border-color:#f59e0b6b}.calendar-day.near span{color:#fbbf24}.calendar-day.over{background:linear-gradient(135deg, #ef444433, #ef444412), var(--card-soft);border-color:#ef44446b}.calendar-day.over span{color:#fca5a5}.limit-list{gap:12px;display:grid}.limit-row{background:var(--card-soft);border:1px solid var(--border);border-radius:20px;padding:14px}.limit-row-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.limit-title{align-items:center;gap:12px;display:flex}.limit-title div:last-child{gap:3px;display:grid}.limit-title strong{color:var(--text-strong)}.limit-title span{color:var(--muted);font-size:13px}.limit-row-top b{color:var(--text-strong);font-size:18px}.limit-row label{margin-top:12px;margin-bottom:8px}.limit-note{color:var(--muted);margin:0;font-size:13px;font-weight:800}.hidden-file{display:none}.bottom-nav{border:1px solid var(--border);background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);width:min(460px,100vw - 24px);box-shadow:var(--shadow-nav);z-index:2147483647;border-radius:26px;grid-template-columns:repeat(5,1fr);gap:5px;padding:8px;display:grid;bottom:16px;left:50%;transform:translate(-50%);position:fixed!important}.bottom-nav button{color:var(--muted);background:0 0;border-radius:18px;place-items:center;gap:3px;padding:9px 4px;font-size:11px;display:grid}html[data-theme=light] .bottom-nav button.active{color:#0369a1;background:#0ea5e91f}.animate-in{animation:.42s both slideUp}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.15s}html[data-theme=light] .app,html[data-theme=dark] .app{animation:.36s both themeFade}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes monthSwitcherLeft{0%{opacity:.4;transform:translate(42px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes monthSwitcherRight{0%{opacity:.4;transform:translate(-42px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes growBar{0%{height:0}}@keyframes themeFade{0%{filter:saturate(.92)brightness(.96)}to{filter:saturate()brightness()}}@supports (padding:max(0px)){.app{padding-bottom:max(160px, calc(140px + env(safe-area-inset-bottom)))}.bottom-nav{bottom:max(16px, env(safe-area-inset-bottom))}}@media (width<=380px){h1{font-size:30px}.big-number{font-size:36px}.grid,.profile-settings-row,.today-grid,.forecast-grid,.button-grid{grid-template-columns:1fr}.bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom));width:min(460px,100vw - 14px);padding:6px}.bottom-nav button{padding:8px 2px;font-size:10px}.bottom-nav button span{font-size:18px}.top-actions{gap:6px}.theme-toggle,.avatar-bubble,.month-arrow{width:42px;height:42px}.calendar-grid{gap:5px}.calendar-day{border-radius:13px;min-height:56px;padding:6px 3px}.calendar-day span{font-size:9px}.ranking-row{grid-template-columns:38px 1fr}.ranking-row b{grid-column:2}}html,body,#root{min-height:100%}body{overflow-x:hidden}.app{min-height:100dvh;padding-bottom:110px!important}.bottom-nav{left:50%!important;right:auto!important;bottom:max(16px, env(safe-area-inset-bottom))!important;z-index:2147483647!important;pointer-events:auto!important;width:calc(100% - 24px)!important;max-width:520px!important;margin:0!important;position:fixed!important;transform:translate(-50%)!important}@media (width<=480px){.bottom-nav{left:50%!important;right:auto!important;bottom:max(12px, env(safe-area-inset-bottom))!important;width:calc(100% - 16px)!important;transform:translate(-50%)!important}}.app-shell{width:100%;min-height:100dvh}.app{padding-bottom:max(150px, calc(130px + env(safe-area-inset-bottom)))!important}.bottom-nav{left:50%!important;right:auto!important;bottom:max(16px, env(safe-area-inset-bottom))!important;border:1px solid var(--border)!important;background:var(--nav-bg)!important;-webkit-backdrop-filter:blur(18px)!important;width:min(460px,100vw - 24px)!important;max-width:460px!important;box-shadow:var(--shadow-nav)!important;z-index:2147483647!important;pointer-events:auto!important;border-radius:26px!important;grid-template-columns:repeat(5,1fr)!important;gap:5px!important;margin:0!important;padding:8px!important;display:grid!important;position:fixed!important;transform:translate(-50%)!important}.bottom-nav button{width:100%!important;color:var(--muted)!important;background:0 0!important;border-radius:18px!important;place-items:center!important;gap:3px!important;padding:9px 4px!important;font-size:11px!important;display:grid!important}.bottom-nav button span{font-size:19px!important}.bottom-nav button.active{color:var(--text-strong)!important;background:#38bdf824!important}@media (width<=380px){.bottom-nav{bottom:max(10px, env(safe-area-inset-bottom))!important;width:calc(100vw - 14px)!important;padding:6px!important}.bottom-nav button{padding:8px 2px!important;font-size:10px!important}.bottom-nav button span{font-size:18px!important}}.cloud-hidden-actions[hidden]{display:none!important}.login-app{place-items:center;min-height:100dvh;display:grid;padding-bottom:22px!important}.login-card{width:100%}.login-card h1{margin-bottom:14px}.login-card button{margin-top:4px}.sync-status{margin-top:12px;margin-bottom:0;font-weight:900}.account-status{border:1px solid var(--border);background:var(--card-soft);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:13px;display:flex}.account-status span{color:var(--muted);font-size:13px;font-weight:900}.account-status strong{color:var(--text-strong);font-size:18px}.cloud-logout-btn{width:100%;margin-top:10px}