:root{color-scheme:light dark;--bg: #f7f7f8;--surface: #ffffff;--surface-2: #f0f2f5;--border: #e4e6eb;--text: #0f172a;--muted: #6b7280;--primary: #2563eb;--primary-hover: #1d4ed8;--pos: #15803d;--neg: #b91c1c;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 8px rgba(0, 0, 0, .04)}@media (prefers-color-scheme: dark){:root{--bg: #0b1020;--surface: #111827;--surface-2: #1f2937;--border: #1f2a3a;--text: #e5e7eb;--muted: #94a3b8;--primary: #3b82f6;--primary-hover: #60a5fa;--pos: #4ade80;--neg: #f87171;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 12px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45}h1,h2{font-weight:600;letter-spacing:-.01em}h1{font-size:1.6rem;margin:0}h2{font-size:1.1rem;margin:0}code,pre{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85em}pre{background:var(--surface-2);padding:12px;border-radius:8px;overflow-x:auto}button{font:inherit;padding:8px 14px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:background .1s}button:hover:not(:disabled){background:var(--surface-2)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.container{max-width:1100px;margin:0 auto;padding:24px 20px 80px;display:flex;flex-direction:column;gap:20px}.header{display:flex;align-items:center;justify-content:space-between;padding:4px 0 8px}.desktop-only{display:flex}.mobile-only{display:none}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(160%) blur(8px);-webkit-backdrop-filter:saturate(160%) blur(8px);z-index:20;padding-top:max(10px,env(safe-area-inset-top))}.brand.small{font-size:1.1rem;gap:8px;margin:0}.brand.small .brand-mark{width:30px;height:30px;border-radius:8px;font-size:.95rem}.nav-tabs{display:flex;gap:2px}.nav-tab{padding:8px 14px;font-size:.9em;border-radius:8px;color:var(--muted);text-decoration:none;transition:background .1s,color .1s;white-space:nowrap}.nav-tab:hover{background:var(--surface-2);color:var(--text)}.nav-tab.active{background:var(--surface-2);color:var(--text);font-weight:600}.nav-meta{display:flex;align-items:center;gap:10px}.signout-btn{padding:6px 10px;font-size:.85em}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-top:1px solid var(--border);padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:50}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px;text-decoration:none;color:var(--muted);font-size:.68rem;font-weight:500;letter-spacing:.01em;min-height:50px;transition:color .1s,transform .1s}.bottom-tab svg{display:block}.bottom-tab.active{color:var(--primary)}.bottom-tab:active{transform:scale(.95)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.row-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:.85em}.pos{color:var(--pos)}.neg{color:var(--neg)}.num{font-variant-numeric:tabular-nums;text-align:right}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--surface-2);padding:12px;border-radius:8px}.summary>div>div:last-child{font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums}@media (max-width: 600px){.summary{grid-template-columns:repeat(2,1fr)}}.accounts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.accounts li{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface-2);border-radius:8px}.accounts .balance{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.txn-table{width:100%;border-collapse:collapse}.txn-table th,.txn-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.txn-table th{font-weight:600;font-size:.85em;color:var(--muted)}.txn-table tr:last-child td{border-bottom:0}.txn-table .pending{color:var(--muted);font-size:.85em;font-style:italic;margin-left:4px}.pill{padding:4px 10px;font-size:.85em;border-radius:999px}.pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(60% 50% at 0% 0%,rgba(37,99,235,.12),transparent 70%),radial-gradient(50% 50% at 100% 100%,rgba(99,102,241,.1),transparent 65%),radial-gradient(40% 35% at 100% 0%,rgba(56,189,248,.07),transparent 70%),var(--bg);position:relative;overflow:hidden}.auth-shell:after{content:"";position:absolute;inset:0;background:radial-gradient(closest-side at 50% 50%,transparent 60%,rgba(0,0,0,.04) 100%);pointer-events:none}.auth-card{position:relative;width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:36px 32px 32px;box-shadow:0 1px 1px #00000008,0 18px 60px -16px #0f172a2e;animation:card-rise .45s cubic-bezier(.2,.8,.2,1) both}@media (prefers-color-scheme: dark){.auth-card{box-shadow:0 1px 1px #0006,0 24px 60px -16px #0009}}@keyframes card-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.brand{display:flex;align-items:center;gap:12px;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#4f46e5 60%,#6366f1);color:#fff;font-weight:800;font-size:1.25rem;box-shadow:0 6px 18px -6px #4f46e599}.brand-name{line-height:1}.brand-sub{margin:0 0 28px;color:var(--muted);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:.85em;font-weight:500;color:var(--muted)}.auth-form label span{letter-spacing:.02em;text-transform:uppercase;font-size:.7rem}.auth-form input{font:inherit;font-size:.95rem;padding:11px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s,background .15s}.auth-form input:hover{border-color:color-mix(in srgb,var(--border) 60%,var(--text) 40%)}.auth-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 22%,transparent);background:var(--surface)}.auth-form button.primary{margin-top:4px;padding:12px 16px;border-radius:10px;font-weight:600;font-size:.95rem;letter-spacing:-.01em;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-hover) 100%);border-color:transparent;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--primary) 70%,transparent);transition:transform .05s ease,box-shadow .15s ease,filter .15s ease}.auth-form button.primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 10px 22px -8px color-mix(in srgb,var(--primary) 75%,transparent)}.auth-form button.primary:active:not(:disabled){transform:translateY(1px)}.hint{font-size:.85em;color:var(--muted)}.msg{margin:0;font-size:.9em;min-height:1.4em}.msg.error{color:var(--neg)}.msg.ok{color:var(--pos)}.notice{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}.cat-groups{display:flex;flex-direction:column;gap:18px}.cat-group-title{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.cat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.cat-row{display:flex;flex-direction:column}.cat-head{display:grid;grid-template-columns:14px 24px 1fr auto auto 16px;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-2);border:1px solid transparent;border-radius:8px;text-align:left;cursor:pointer;font:inherit;color:var(--text)}.cat-head:hover{border-color:var(--border)}.cat-swatch{display:inline-block;width:12px;height:12px;border-radius:4px;box-shadow:0 0 0 1px #00000014}.cat-icon{font-size:1.1rem;line-height:1}.cat-name{font-weight:500}.cat-count{justify-self:end}.cat-total{font-variant-numeric:tabular-nums;font-weight:600}.cat-caret{color:var(--muted)}.txn-table.inset{margin:6px 0 10px 24px;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.txn-table.inset td{padding:8px 12px}.cat-picker{font:inherit;font-size:.85em;padding:4px 8px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer;max-width:220px}.cat-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;background:var(--surface-2);border-radius:8px}.cat-form input{font:inherit;padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.cat-form input[name=name]{min-width:160px}.cat-form input[name=group]{min-width:120px}.cat-form input[name=icon]{width:80px}.cat-table{width:100%;border-collapse:collapse}.cat-table th,.cat-table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left}.cat-table th{font-size:.8em;color:var(--muted);font-weight:600}.cat-table td.num{text-align:right;display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.color-picker{display:inline-flex;gap:4px;flex-wrap:wrap}.color-swatch{width:20px;height:20px;padding:0;border-radius:6px;border:2px solid transparent;cursor:pointer;box-shadow:0 0 0 1px #00000014}.color-swatch.selected{border-color:var(--text)}.month-select{font:inherit;font-size:.9em;padding:6px 10px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-variant-numeric:tabular-nums}.sparkline{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:4px;padding:10px 4px 4px;height:80px;background:var(--surface-2);border-radius:10px}.spark-bar{position:relative;padding:0;border:none;border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--primary) 30%,transparent);cursor:pointer;transition:background .15s;min-height:2px}.spark-bar:hover{background:color-mix(in srgb,var(--primary) 55%,transparent)}.spark-bar.active{background:var(--primary)}.spark-label{position:absolute;bottom:-16px;left:0;right:0;text-align:center;font-size:.65rem;color:var(--muted);pointer-events:none}.sparkline+*{margin-top:22px}.trends-table{width:100%;border-collapse:collapse}.trends-table th,.trends-table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.trends-table th{font-size:.8em;font-weight:600;color:var(--muted)}.trends-table tr:last-child td{border-bottom:0}.trends-table .num{font-variant-numeric:tabular-nums}.hero-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.month-nav{display:flex;align-items:center;gap:4px}.month-select-big{font:inherit;font-size:1.05rem;font-weight:600;padding:6px 12px;background:transparent;color:var(--text);border:none;cursor:pointer;border-radius:8px;letter-spacing:-.01em}.month-select-big:hover{background:var(--surface-2)}.icon-btn{width:32px;height:32px;padding:0;font-size:1.05rem;border-radius:8px;color:var(--muted)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.hero-balance{display:flex;flex-direction:column;gap:6px}.hero-balance-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.hero-balance-amount{font-size:2.6rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.account-chips{display:flex;flex-wrap:wrap;gap:16px;list-style:none;padding:0;margin:4px 0 0;font-size:.92rem}.account-chips li{display:inline-flex;align-items:baseline;gap:6px}.account-chips .num{font-variant-numeric:tabular-nums;font-weight:600}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--surface-2);border-radius:10px;padding:12px 16px}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hero-stat-value{font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums}.hero-stat-value.neutral{color:var(--text)}.group-section{display:flex;flex-direction:column;gap:10px}.group-title{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:6px 0 0;padding:0 4px}.cat-cards{display:flex;flex-direction:column;gap:8px}.cat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .1s,box-shadow .1s}.cat-card:hover{border-color:color-mix(in srgb,var(--border) 60%,var(--text) 40%)}.cat-card.danger{box-shadow:inset 3px 0 0 var(--neg)}.cat-card.expanded{box-shadow:0 10px 30px -16px #0000002e}.cat-card-head{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:14px;padding:14px 16px;width:100%;background:transparent;border:none;cursor:pointer;text-align:left;font:inherit;color:var(--text)}.cat-card-head:hover{background:var(--surface-2)}.cat-swatch.big{width:14px;height:14px;border-radius:4px}.cat-card-name{display:flex;flex-direction:column;gap:4px;min-width:0}.cat-card-title{font-weight:600}.cat-card-meta{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-block;padding:2px 7px;font-size:.7rem;font-weight:600;letter-spacing:.04em;border-radius:5px;background:var(--surface-2);color:var(--muted)}.badge.auto{background:color-mix(in srgb,var(--muted) 18%,transparent);color:var(--muted)}.badge.manual{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.cat-card-amounts{text-align:right}.cat-available{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.cat-card-body{padding:0 16px 14px;display:flex;flex-direction:column;gap:10px}.cat-card:not(.expanded) .cat-card-body{padding:0 16px 12px}.bar{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.bar.thin{height:4px}.bar>div{height:100%;background:var(--primary);transition:width .25s ease;border-radius:3px}.bar.primary>div{background:var(--primary)}.bar.met>div{background:var(--pos)}.bar.warn>div{background:#f59e0b}.bar.over>div{background:var(--neg)}.cat-figures{display:flex;gap:18px;flex-wrap:wrap;font-size:.85rem}.cat-figures>div{display:flex;flex-direction:column;gap:2px}.cat-figures .num{font-variant-numeric:tabular-nums;font-weight:600}.weekly-strip{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface-2);border-radius:8px;font-size:.85em}.weekly-strip .bar{flex:1}.cat-edit{display:flex;flex-direction:column;gap:10px;padding:10px 0 4px;border-top:1px dashed var(--border);margin-top:6px}.override-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.assign-input{font:inherit;font-size:.95em;width:110px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.assign-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.settings-group{display:flex;flex-direction:column;gap:8px;margin-top:8px}.settings-list{display:flex;flex-direction:column;gap:4px}.settings-row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-2);border-radius:8px}.settings-name{display:flex;flex-direction:column;gap:2px}.settings-editor{grid-column:1 / -1;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface);border-radius:10px;border:1px solid var(--border)}.settings-editor-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.settings-editor label{display:flex;flex-direction:column;gap:4px}.settings-editor label.inline{flex-direction:row;align-items:center;gap:6px}.settings-editor input,.settings-editor select{font:inherit;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text)}.settings-editor input:focus,.settings-editor select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.transfer-tag,.manual-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.transfer-tag{background:color-mix(in srgb,var(--muted) 25%,transparent);color:var(--muted)}.manual-tag{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.txn-transfer{opacity:.55}.txn-transfer:hover{opacity:1}.transfer-toggle{display:inline-flex;align-items:center;gap:4px;cursor:pointer;user-select:none}.link-btn{background:transparent;border:none;color:var(--primary);padding:2px 4px;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--primary-hover)}.link-btn.small{font-size:.85em}.modal-backdrop{position:fixed;inset:0;background:#0f172a8c;display:grid;place-items:center;z-index:100;padding:20px;animation:fade-in .15s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--surface);border-radius:14px;border:1px solid var(--border);box-shadow:0 30px 80px -20px #0006;width:100%;max-width:440px;max-height:90vh;overflow:auto;animation:card-rise .2s cubic-bezier(.2,.8,.2,1) both}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.05rem}.modal-header button{background:transparent;border:none;font-size:1.4rem;padding:0 6px;cursor:pointer;color:var(--muted)}.modal-header button:hover{color:var(--text)}.modal-body{padding:16px 20px 20px}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-form label{display:flex;flex-direction:column;gap:4px;font-size:.85em;color:var(--muted)}.modal-form label.inline{flex-direction:row;align-items:center;gap:6px;color:var(--text);font-size:.95em}.modal-form input[type=text],.modal-form input[type=number],.modal-form input[type=date],.modal-form input:not([type]),.modal-form select{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.modal-form input:focus,.modal-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}@media (max-width: 700px){.desktop-only{display:none!important}.mobile-only{display:flex!important}input,select,textarea,button{font-size:16px}.small,.muted.small,.bottom-tab span{font-size:.75rem}.nav-tab,.badge{font-size:.85em}.top-bar,.bottom-tabs,.nav-tab,.bottom-tab,button:not(input){-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{overscroll-behavior-y:contain}.container{padding:12px 14px 110px;padding-bottom:calc(110px + env(safe-area-inset-bottom));gap:16px}.top-bar{padding:6px 4px 8px;padding-top:calc(6px + env(safe-area-inset-top))}button,.nav-tab,.pill,.link-btn{min-height:38px;padding-block:8px}.icon-btn{min-height:38px;min-width:38px}.hero-card{padding:16px 16px 18px;border-radius:14px;gap:14px}.hero-balance-label{font-size:.7rem}.hero-balance-amount{font-size:2.1rem}.account-chips{gap:10px 14px;font-size:.85rem}.hero-stats{padding:10px 12px;gap:6px}.hero-stat-label{font-size:.65rem}.hero-stat-value{font-size:.95rem}.month-select-big{font-size:1rem;padding:4px 8px}.cat-card{border-radius:10px}.cat-card-head{padding:12px 14px;gap:10px}.cat-card-body{padding:0 14px 12px;gap:8px}.cat-card-title{font-size:.95rem}.cat-available{font-size:1.05rem}.cat-figures{gap:14px;font-size:.8rem}.group-title{font-size:.65rem;padding:0 2px}.txn-table,.trends-table,.cat-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.txn-table.inset{white-space:normal}.txn-table.inset td{padding:8px;vertical-align:middle}.txn-table.inset .cat-picker{max-width:140px}.settings-row{padding:10px;grid-template-columns:10px 1fr auto}.settings-editor-row{gap:8px}.settings-editor-row>label{flex:1 1 auto;min-width:0}.settings-editor input,.settings-editor select{width:100%;box-sizing:border-box}.summary{grid-template-columns:repeat(2,1fr)}.modal-backdrop{padding:0;align-items:stretch}.modal-card{max-width:100%;height:100%;max-height:100%;border-radius:0;display:flex;flex-direction:column}.modal-card .modal-body{flex:1;overflow-y:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.modal-header{padding-top:calc(16px + env(safe-area-inset-top))}.auth-shell{padding:16px;padding-top:max(40px,env(safe-area-inset-top));padding-bottom:max(40px,env(safe-area-inset-bottom))}.auth-card{padding:28px 22px 24px}}@media (max-width: 380px){.hero-balance-amount{font-size:1.8rem}.hero-stats{grid-template-columns:1fr 1fr}.hero-stats>div:nth-child(3){grid-column:1 / -1}.account-chips{flex-direction:column;gap:4px}.bottom-tab span{display:none}.bottom-tab{min-height:44px}}@media (min-width: 701px){.container{padding-bottom:24px}}