@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f5f8;--surface:#fff;--text:#1c2430;--muted:#6b7787;--line:#e6ebf1;--header:#2f3e4e;--header-2:#3b4d61;--primary:#2f3e4e;--remain:#15944a;--spend:#dc3b3b;--warn:#d97706;--strong:#ea580c;--shadow:0 10px 30px #18273814;--radius:20px;--safe-bottom:92px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12171d;--surface:#1b222b;--text:#f2f5f8;--muted:#9aa6b4;--line:#2a3440;--header:#1b2430;--header-2:#243140;--primary:#9bb0c4;--remain:#34d399;--spend:#f87171;--shadow:0 12px 32px #00000059}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.45}button,input,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.shell{background:radial-gradient(1200px 400px at 50% -120px, #dfe7ee 0%, transparent 60%), var(--bg);justify-content:center;min-height:100dvh;display:flex}[data-theme=dark] .shell{background:var(--bg)}.frame{width:100%;max-width:560px;min-height:100dvh;padding-bottom:var(--safe-bottom);position:relative}.login-frame{flex-direction:column;padding-bottom:24px;display:flex}.login-page{animation:.28s rise}.login-hero{background:linear-gradient(180deg, var(--header), var(--header-2));color:#fff;text-align:center;border-bottom-right-radius:24px;border-bottom-left-radius:24px;padding:36px 20px 40px}.login-kicker{color:#ffffffb3}.login-hero h1{letter-spacing:-.04em;margin:6px 0 8px;font-size:32px}.login-hero p:last-child{color:#ffffffd1;font-size:14px}.login-card{gap:16px;margin:-18px 16px 0;display:grid}.login-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.login-tabs button{color:var(--muted);background:0 0;border:0;padding:8px 4px 12px;font-size:16px;font-weight:700;text-decoration:none}.login-tabs button.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--header);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-decoration-thickness:2px}.login-card .login-line input,.login-card .login-secret input{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:10px 0}.login-line{border-bottom:1px solid var(--line)}.login-secret{border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex}.login-eye{color:var(--muted);background:0 0;border:0;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.login-forgot{text-align:right;margin:-8px 0 0}.login-forgot .text-link{font-size:13px}[data-theme=dark] .login-forgot .text-link{color:#fff}.login-notice{color:var(--remain);margin:0;font-size:13px;font-weight:700}.page{animation:.28s rise}.pad-top{padding:20px 18px 24px}.page-title{letter-spacing:-.04em;margin-bottom:16px;font-size:28px}.app-header{background:linear-gradient(180deg, var(--header), var(--header-2));color:#fff;border-bottom-right-radius:24px;border-bottom-left-radius:24px;justify-content:space-between;align-items:center;padding:16px 14px 22px;display:flex}.app-header h1{letter-spacing:-.03em;font-size:20px;font-weight:700}.brand-btn{color:inherit;font:inherit;background:0 0;border:0;padding:0}.icon-btn{width:40px;height:40px;color:inherit;background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.icon-btn.light{color:#fff;background:#ffffff14}.icon-btn.tiny{vertical-align:middle;width:28px;height:28px;display:inline-grid}.money-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;margin:-8px 16px 16px;padding:18px 18px 16px}.money-top{z-index:4;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.money-lg{letter-spacing:-.05em;color:var(--muted);margin-top:4px;font-size:36px;font-weight:800}.money-lg.spend{color:var(--spend)}.pill-btn{border:1px solid var(--line);background:var(--bg);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.metric-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.metric-value{letter-spacing:-.03em;align-items:center;gap:4px;font-size:18px;font-weight:700;display:flex}.spend{color:var(--spend)}.remain{color:var(--remain)}.muted{color:var(--muted);font-size:13px}.safe-box{background:color-mix(in srgb, var(--remain) 8%, var(--surface));border-radius:16px;margin-top:14px;padding:14px}.safe-value{letter-spacing:-.04em;color:var(--remain);font-size:28px;font-weight:800}.status-label{margin-top:4px;font-size:12px;font-weight:700}.status-label.healthy,.status-label.warning,.status-label.strong,.status-label.reached,.status-label.exceeded{color:var(--remain)}.status-label.warning,.status-label.strong{color:var(--warn)}.status-label.reached,.status-label.exceeded{color:var(--spend)}.period-caption{color:var(--muted);margin-top:10px;font-size:12px}.live-clock{background:color-mix(in srgb, var(--accent) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:14px;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 14px;display:flex}.live-date{color:var(--muted);letter-spacing:.01em;font-size:12px;font-weight:600}.live-time{letter-spacing:.04em;color:var(--fg);font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.was-wrap{z-index:3;align-items:center;gap:6px;margin:6px 0 0;display:inline-flex;position:relative}.was-label{color:var(--muted);background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.was-menu{background:var(--surface);border:1px solid var(--line);min-width:120px;box-shadow:var(--shadow);border-radius:12px;gap:2px;margin:0;padding:6px;list-style:none;display:grid;position:absolute;top:calc(100% + 6px);left:0}.was-menu li{border-radius:8px;padding:8px 10px;font-size:13px;font-weight:700}.expenses-head,.sheet-head,.drawer header{justify-content:space-between;align-items:center;display:flex}.expenses-head{padding:8px 18px 10px}.expenses-head h2{font-size:20px}.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:700}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{padding:8px 12px;font-size:13px}.btn-primary{background:var(--header);color:#fff}.btn-ghost{background:var(--bg);border:1px solid var(--line)}.btn-danger,.btn.btn-danger{color:#fff;background:#b91c1c}.btn-block{width:100%}.btn-logout{color:#dc2626;justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn-logout svg{color:#e11d48}.danger{color:var(--spend)!important}.expense-list{gap:10px;margin:0;padding:0 12px 24px;list-style:none;display:grid}.expense-row{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:18px;padding:6px 2px 6px 8px;animation:.24s rise;display:flex}.expense-main{text-align:left;background:0 0;border:0;flex:1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:6px 2px 6px 6px;display:grid}.expense-copy{min-width:0}.expense-copy strong,.expense-copy p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.expense-copy p{color:var(--muted);font-size:13px}.expense-total{letter-spacing:-.03em;white-space:nowrap;padding-right:2px;font-weight:800}.expense-actions{flex-shrink:0;align-items:center;gap:0;margin-left:auto;display:flex}.plus-btn{background:var(--header);color:#fff;border:0;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.expense-row .icon-btn.more{flex-shrink:0;width:28px;height:36px;padding:0}.cat-glyph{border-radius:14px;flex-shrink:0;place-items:center;display:grid}.quick-bar{background:var(--surface);border:1px solid var(--line);border-radius:16px;grid-template-columns:1.4fr .8fr auto;gap:8px;margin:0 16px 12px;padding:10px;display:grid}.quick-bar input,.field input,.search-field input,select{border:1px solid var(--line);background:var(--bg);border-radius:12px;outline:none;width:100%;padding:11px 12px}.field input:disabled{opacity:1;color:var(--text);cursor:default}.field input[type=date]{background:0 0;border:0;min-height:44px;padding-left:0;padding-right:0}.quick-bar input{background:var(--bg)}.quick-error,.quick-hint{grid-column:1/-1;margin:0;font-size:13px}.quick-hint{color:var(--muted)}.quick-cats{-webkit-overflow-scrolling:touch;grid-column:1/-1;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.quick-cat{border:1px solid var(--line);background:var(--bg);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.quick-cat.active{border-color:var(--header);background:color-mix(in srgb, var(--header) 12%, var(--surface))}.frequent{padding:0 18px 8px}.frequent h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px;font-size:13px}.frequent-list{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.frequent-chip{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 10px 8px 14px;font-weight:600;display:flex}.plus-mini{background:var(--header);color:#fff;border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.additional-intro{margin:0 0 14px}.additional-list{gap:10px;margin:0;padding:0 0 16px;list-style:none;display:grid}.additional-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:0;display:flex}.additional-row .spend{margin-top:2px;font-weight:800}.empty{text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:20px;justify-items:center;gap:8px;margin:12px 18px;padding:28px 18px;display:grid}.bottom-nav{background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);width:min(560px,100%);padding:8px 10px calc(10px + env(safe-area-inset-bottom));z-index:20;grid-template-columns:1fr 1fr auto 1fr 1fr;align-items:center;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:var(--muted);background:0 0;border:0;justify-items:center;gap:2px;font-size:10px;font-weight:700;display:grid}.bottom-nav button.active{color:var(--header)}[data-theme=dark] .bottom-nav button.active{color:#fff}.nav-add{align-self:center;place-items:center;height:44px;margin:0;box-shadow:0 4px 12px #2f3e4e38;background:var(--header)!important;color:#fff!important;border-radius:14px!important;gap:0!important;width:44px!important}.sheet-root{top:var(--app-top,0px);height:var(--app-height,100svh);max-height:var(--app-height,100svh);z-index:50;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:fixed;left:0;right:0}.confirm-root{z-index:70}.sheet-backdrop{background:#0f172073;border:0;position:absolute;inset:0}.sheet{background:var(--surface);border-radius:24px 24px 0 0;flex-direction:column;width:min(560px,100%);max-height:100%;padding:8px 16px 0;animation:.26s sheet;display:flex;position:relative;overflow:hidden}.sheet-wide{max-height:100%}.sheet-handle,.sheet-head{flex-shrink:0}.sheet-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));flex:auto;overflow-y:auto}.sheet-with-footer{padding-bottom:0}.sheet-footer{padding:12px 0 calc(24px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);flex-shrink:0}.sheet-handle{background:var(--line);border-radius:99px;width:42px;height:4px;margin:8px auto 4px}.sheet-head h2{font-size:18px}.form,.stack{gap:12px;display:grid}.field{color:var(--muted);gap:6px;font-size:13px;font-weight:600;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cat-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.cat-grid.compact{grid-template-columns:repeat(2,1fr);margin:8px 0 14px}.cat-chip{border:1px solid var(--line);background:var(--bg);border-radius:14px;align-items:center;gap:2px;min-height:44px;padding:4px 4px 4px 8px;font-weight:600;display:flex}.cat-chip-main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:4px 0;font-weight:600;display:flex}.cat-chip-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cat-remove{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.cat-remove:active,.cat-remove:hover{color:var(--spend);background:#fee2e2}.cat-chip.active{border-color:var(--header);background:color-mix(in srgb, var(--header) 10%, var(--surface))}.other-category{gap:8px;margin-top:10px;display:grid}.export-cats{gap:8px;margin:0;padding:0;list-style:none;display:grid}.export-cat{border:1px solid var(--line);background:var(--bg);text-align:left;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 12px;display:grid}.export-cat.all{background:var(--surface);border-color:var(--header);grid-template-columns:1fr auto}.export-cat-copy{gap:2px;display:grid}.export-cat-copy span{color:var(--muted);font-size:13px}.export-preview{margin:0;padding:0;list-style:none}.export-preview li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.other-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.match-card{border:1px solid color-mix(in srgb, var(--remain) 40%, var(--line));background:color-mix(in srgb, var(--remain) 8%, var(--surface));border-radius:16px;padding:12px}.match-kicker{color:var(--remain);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.match-row{align-items:center;gap:10px;margin:8px 0;display:flex}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.row-actions.tight{flex-direction:column;gap:0}.text-link{color:var(--header);background:0 0;border:0;padding:0;font-weight:700}.error{color:var(--spend);font-size:13px;font-weight:600}.hint{color:var(--muted);font-size:13px}.detail-hero{background:var(--bg);border-radius:16px;grid-template-columns:auto 1fr 1fr;align-items:center;gap:12px;padding:12px;display:grid}.hero-money{letter-spacing:-.04em;font-size:24px;font-weight:800}.timeline{gap:16px;margin:16px 0;display:grid}.timeline h3{color:var(--muted);font-size:14px}.purchase-row,.history-row,.top-list li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px 0;display:grid}.history-row{grid-template-columns:auto 1fr auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.card h2{margin-bottom:12px;font-size:16px}.account-head{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:12px;display:grid}.account-head h2{justify-self:start;margin:0}.account-name{text-align:center;justify-self:center;margin:0;font-weight:800}.card h2+.muted{margin:-6px 0 12px}.card .btn-block+.btn-block{margin-top:8px}.budget-card{flex-direction:column;gap:14px;display:flex}.budget-card h2{margin-bottom:0}.budget-card h2+.muted{margin:0}.budget-card .btn-block{margin-top:4px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.summary-card,.overview-grid div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px}.summary-card p:last-child{font-weight:800}.search-field{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:8px;margin-bottom:10px;padding:0 10px;display:flex}.search-field input{background:0 0;border:0}.filters{grid-template-columns:1fr;gap:8px;margin-bottom:10px;display:grid}.history-group{margin-top:16px}.history-group h3{margin-bottom:4px}.overview-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.overview-grid dt{color:var(--muted);font-size:12px}.overview-grid dd{margin:0;font-size:18px;font-weight:800}.util-bar{background:var(--bg);border-radius:99px;height:8px;margin-top:12px;overflow:hidden}.util-bar span{background:var(--remain);height:100%;display:block}.util-bar.warning span,.util-bar.strong span{background:var(--warn)}.util-bar.reached span,.util-bar.exceeded span{background:var(--spend)}.donut-layout{justify-items:center;gap:16px;display:grid}.donut{border-radius:50%;width:160px;height:160px;-webkit-mask:radial-gradient(46px,#0000 46px,#000 47px);mask:radial-gradient(46px,#0000 46px,#000 47px)}.legend{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.legend li{grid-template-columns:10px 1fr auto auto;align-items:center;gap:8px;display:grid}.legend i{border-radius:99px;width:10px;height:10px}.bars{align-items:end;gap:3px;height:120px;display:flex}.bar-col{flex:1;align-items:end;height:100%;display:flex}.bar-col span{background:var(--header);border-radius:4px 4px 0 0;width:100%;min-height:2px;display:block}.top-list{margin:0;padding:0;list-style:none}.top-list li{grid-template-columns:auto 1fr auto}.toggle{align-items:center;gap:10px;margin:8px 0;font-weight:600;display:flex}.choice-row{gap:8px;display:flex}.choice{border:1px solid var(--line);background:var(--bg);border-radius:12px;flex:1;padding:10px;font-weight:700}.choice.active{background:var(--header);color:#fff;border-color:var(--header)}.setting-line{justify-content:space-between;display:flex}.period-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.period-list li{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;padding:10px;display:flex}.period-list li.active{border-color:var(--header)}.period-list button:first-child{text-align:left;background:0 0;border:0}.confirm-card{background:var(--surface);border-radius:20px;gap:10px;width:min(420px,100% - 32px);margin-bottom:20vh;padding:20px;display:grid;position:relative}.drawer-root{z-index:35;position:fixed;inset:0}.drawer{background:var(--surface);align-content:start;gap:8px;width:min(300px,86vw);padding:16px;animation:.22s drawer;display:grid;position:absolute;top:0;bottom:0;left:0}.drawer button{background:var(--bg);text-align:left;border:0;border-radius:12px;align-items:center;gap:10px;padding:12px;font-weight:700;display:flex}.drawer button.danger{color:#b91c1c}.action-sheet{background:var(--surface);border-radius:20px 20px 0 0;gap:8px;width:min(560px,100%);padding:16px 16px 28px;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.action-sheet button{background:var(--bg);border:0;border-radius:12px;padding:12px;font-weight:700}.toast{background:var(--header);color:#fff;z-index:80;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700;animation:.48s cubic-bezier(.22,1,.36,1) both toast-in;position:fixed;bottom:108px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #18273838}.toast.leave{animation:.32s ease-in both toast-out}.banner{border-radius:12px;margin:0 16px 10px;padding:10px 12px;font-size:13px;font-weight:700}.banner.warning,.banner.strong{color:#9a3412;background:#fff7ed}.banner.reached,.banner.exceeded{color:#991b1b;background:#fef2f2}.banner.info{color:#166534;background:#ecfdf5}.skeleton-card{background:linear-gradient(90deg, var(--line), var(--surface), var(--line));background-size:200% 100%;border-radius:20px;height:180px;margin:16px;animation:1.2s infinite shine}@media (width>=900px){.sheet-root{height:100%;max-height:100%;top:0}.sheet,.sheet-wide{max-height:90vh}.sheet-body{padding-bottom:28px}.frame{grid-template-columns:200px minmax(0,1fr);grid-template-areas:"nav main";align-items:start;gap:16px;max-width:980px;padding:24px;display:grid}.bottom-nav{border:1px solid var(--line);border-top:1px solid var(--line);border-radius:24px;grid-area:nav;grid-template-columns:1fr;justify-items:stretch;width:auto;height:max-content;margin:0;padding:16px 12px;position:sticky;top:24px;bottom:auto;left:auto;transform:none}.bottom-nav button{text-align:left;border-radius:12px;grid-template-columns:28px 1fr;place-items:center start;gap:10px;padding:8px 10px;font-size:13px}.nav-add{grid-template-columns:auto;justify-self:start;justify-items:center;margin:8px 10px;width:44px!important}.content{grid-area:main;min-width:0}.app-header{border-radius:24px}.money-card{margin-top:16px}.donut-layout{grid-template-columns:180px 1fr;align-items:center}.filters{grid-template-columns:1fr 1fr 1fr}.toast{bottom:32px}.frame.login-frame{flex-direction:column;grid-template-columns:none;grid-template-areas:none;max-width:480px;padding:24px;display:flex}.login-hero{border-radius:24px}.login-card{margin-top:16px}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(18px)scale(.94)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(10px)scale(.96)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sheet{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes drawer{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes shine{0%{background-position:100% 0}to{background-position:-100% 0}}