:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#c084fc;--accent-hover:#cfa0fd;--accent-ink:#1a0b28;--accent-bg:#c084fc24;--accent-border:#c084fc73;--bg:#141519;--surface:#1f2028;--surface-2:#282a34;--surface-3:#32343f;--border:#2e303a;--border-strong:#3d3f4c;--text:#9ca3af;--text-h:#f3f4f6;--text-dim:#71757f;--danger:#e66767;--radius:14px;--radius-sm:8px;--shadow:#00000073 0 10px 24px -12px, #0000004d 0 2px 6px -2px;--shell-max:1180px;--shell-pad:clamp(1rem, 4vw, 2.5rem);--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);letter-spacing:.1px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);overscroll-behavior-y:none;margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--heading);color:var(--text-h);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:600}h1{font-size:clamp(1.75rem,1.2rem + 2.4vw,3.25rem);line-height:1.1}h2{font-size:1.0625rem;line-height:1.25}h3{font-size:.9375rem}p{margin:0}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}code{font-family:var(--mono);color:var(--text-h);background:var(--surface-2);border-radius:4px;padding:2px 6px;font-size:.9em}.shell{width:100%;max-width:var(--shell-max);padding-inline:var(--shell-pad);margin-inline:auto}.app{background:radial-gradient(80rem 40rem at 50% -20rem, var(--accent-bg), transparent 70%), var(--bg);flex-direction:column;min-height:100svh;display:flex}.app-main{flex:1;padding-block:clamp(1.25rem,3vw,2rem) 4rem}.app-header{z-index:20;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.app-header__inner{flex-wrap:wrap;align-items:center;gap:1rem;min-height:60px;padding-block:.625rem;display:flex}.brand{letter-spacing:-.02em;color:var(--text-h);align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;line-height:1;display:flex}.brand__mark{border-radius:7px;flex:none;width:1.875rem;height:1.875rem;display:block}.app-nav{background:var(--surface);border:1px solid var(--border);border-radius:999px;gap:.25rem;margin-left:auto;padding:.25rem;display:flex}.nav-link{color:var(--text);white-space:nowrap;border-radius:999px;padding:.4rem .9rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.nav-link:hover{color:var(--text-h);background:var(--surface-2)}.nav-link.active{color:var(--accent-ink);background:var(--accent)}.btn{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-h);cursor:pointer;white-space:nowrap;padding:.45rem .95rem;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s,opacity .15s}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--accent-border)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--quiet{color:var(--text);background:0 0;border-color:#0000}.btn--quiet:hover:not(:disabled){background:var(--surface-2);color:var(--text-h);border-color:var(--border)}.field{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);flex-direction:column;gap:.3rem;min-width:0;font-size:.75rem;font-weight:500;display:inline-flex}.field select,.field input{font:inherit;letter-spacing:normal;text-transform:none;color:var(--text-h);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-height:2.25rem;padding:.4rem .6rem;font-size:max(.875rem,16px);font-weight:400}@media (width>=640px){.field select,.field input{font-size:.875rem}}.field select:hover,.field input:hover{border-color:var(--accent-border)}.field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.75);cursor:pointer}.toggle{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.toggle input{accent-color:var(--accent);cursor:pointer;width:1.05rem;height:1.05rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:1rem;min-width:0;padding:clamp(1rem,2.5vw,1.5rem);display:flex}.card__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1rem;display:flex}.card__titles{flex-direction:column;gap:.2rem;min-width:0;display:flex}.card__hint{color:var(--text-dim);font-size:.8125rem}.card__toolbar{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.card__body{min-width:0}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:start;gap:clamp(1rem,2vw,1.5rem);display:grid}.card--full{grid-column:1/-1}.sync-status{color:var(--text-dim);align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.sync-status:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.async-msg{color:var(--text-dim);text-align:center;padding:1.5rem 0;font-size:.875rem}.async-error{color:var(--text);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0;font-size:.875rem;display:flex}.guest-banner{border:1px solid var(--accent-border);background:var(--accent-bg);border-radius:var(--radius-sm);color:var(--text-h);margin-block:1rem -.5rem;padding:.7rem 1rem;font-size:.875rem}.accounts-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.account{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.2rem;min-width:0;padding:.75rem .9rem;display:flex}.account__name{color:var(--text-h);overflow-wrap:anywhere;font-size:.9375rem;font-weight:600}.account__meta{color:var(--text-dim);font-size:.75rem;font-family:var(--mono);overflow-wrap:anywhere}.chart-scroll{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;margin-inline:calc(-1*clamp(1rem,2.5vw,1.5rem));padding-inline:clamp(1rem,2.5vw,1.5rem);overflow:auto hidden}.chart-scroll>svg{margin-inline:auto;display:block}.trend-chart{width:100%;min-width:var(--chart-w);max-width:calc(var(--chart-w) * 1.6);height:auto}.trend-chart .trend-month{fill:var(--text)}.pie-layout{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1rem,3vw,2rem);display:flex}.pie{flex:0 240px;width:100%;max-width:240px;height:auto;display:block}.pie-slice{cursor:pointer;stroke:var(--surface);stroke-width:1.5px;transition:opacity .15s}.pie-slice:hover{opacity:.82}.legend{flex-direction:column;flex:15rem;gap:.125rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.legend--inline{flex-flow:wrap;flex:none;gap:.5rem 1.25rem}.legend__btn{font:inherit;width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.35rem .5rem;font-size:.8125rem;display:grid}.legend__btn:hover{background:var(--surface-2);color:var(--text-h)}.legend__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.legend__value{font-variant-numeric:tabular-nums;color:var(--text-h);font-weight:500}.legend__static{align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.swatch{border-radius:3px;flex:none;width:.7rem;height:.7rem;display:inline-block}.bar-list{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.bar-row{grid-template-columns:minmax(6rem,8rem) 1fr auto;align-items:center;gap:.75rem;font-size:.8125rem;display:grid}.bar-row__label{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-row__track{background:var(--surface-2);border-radius:999px;min-width:0;height:.625rem;overflow:hidden}.bar-row__fill{background:linear-gradient(90deg, #7d6fe0, var(--bar-fill,#9085e9));border-radius:999px;height:100%}.bar-row__value{font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}@media (width<=30rem){.bar-row{grid-template-columns:1fr auto;gap:.25rem .75rem}.bar-row__label{grid-column:1}.bar-row__value{grid-area:1/2}.bar-row__track{grid-column:1/-1}}.filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr));align-items:end;gap:.75rem;display:grid}.filters__chip{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--text-h);white-space:nowrap;border-radius:999px;place-self:end start;align-items:center;gap:.5rem;padding:.3rem .3rem .3rem .7rem;font-size:.8125rem;display:inline-flex}.table-scroll{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;margin-inline:calc(-1*clamp(1rem,2.5vw,1.5rem));padding-inline:clamp(1rem,2.5vw,1.5rem);overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.875rem}.data-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);padding:0 .75rem .6rem;font-size:.6875rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text);padding:.6rem .75rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--surface-2)}.data-table th:first-child,.data-table td:first-child{padding-left:0}.data-table th:last-child,.data-table td:last-child{text-align:center;padding-right:0}.cell-merchant{color:var(--text-h);text-overflow:ellipsis;max-width:min(16rem,30vw);font-weight:500;overflow:hidden}.cell-desc{color:var(--text-dim);text-overflow:ellipsis;max-width:min(18rem,26vw);overflow:hidden}.cell-amount{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-h);font-weight:500}.cell-amount--out{color:#e66767}.cell-amount--in{color:#3987e5}th.cell-amount{text-align:right}.cell-flag{color:var(--text-dim)}.pagination{justify-content:center;gap:.5rem;display:flex}@media (width<=34rem){.data-table .cell-desc,.data-table .col-desc,.data-table .cell-flag,.data-table .col-flag{display:none}}@media (width<=30rem){.data-table .cell-category,.data-table .col-category{display:none}.data-table{font-size:.8125rem}.data-table th,.data-table td{padding-left:.4rem;padding-right:.4rem}.cell-merchant{max-width:32vw}}.screen-msg{min-height:100svh;padding:var(--shell-pad);text-align:center;color:var(--text-dim);justify-content:center;align-items:center;font-size:.9375rem;display:flex}@media (width<=40rem){.app-header__inner{justify-content:space-between}.app-nav{order:3;justify-content:center;width:100%;margin-left:0}.nav-link{text-align:center;flex:1}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.landing{min-height:100svh;padding:var(--shell-pad);background:radial-gradient(60rem 34rem at 50% 8%, var(--accent-bg), transparent 70%), var(--bg);justify-content:center;align-items:center;display:flex}.landing-card{text-align:center;background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);width:100%;max-width:27rem;box-shadow:var(--shadow);padding:clamp(1.75rem,6vw,3rem) clamp(1.25rem,5vw,2.5rem)}.landing-logo{margin:0 0 1.25rem;line-height:0}.landing-logo img{border:1px solid var(--border);width:clamp(6.5rem,24vw,9rem);height:auto;box-shadow:var(--shadow);border-radius:18px}.tagline{color:var(--text-h);margin:0 0 .75rem;font-size:clamp(1rem,.9rem + .5vw,1.2rem)}.description{color:var(--text);text-wrap:pretty;margin:0 0 2rem;font-size:.9375rem;line-height:1.55}.signin-btn{font:inherit;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;min-width:9rem;min-height:3rem;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:background .15s,opacity .15s}.signin-btn:hover:not(:disabled){background:var(--accent-hover)}.signin-btn:disabled{cursor:default;opacity:.55}.signin-error{color:var(--danger);margin:1rem 0 0;font-size:.875rem}