@charset "UTF-8";@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bp-desktop: 1080px;--bp-mobile: 680px;--bp-compact: 480px;--bg-app: oklch(97.3% .006 80);--surface: #ffffff;--surface-login: oklch(99% .002 90);--surface-login-input: oklch(98.5% .003 90);--sidebar-bg: oklch(21% .02 260);--sidebar-item-active: oklch(32% .05 262);--sidebar-item-hover: oklch(28% .03 262);--sidebar-text: oklch(80% .02 260);--sidebar-text-strong: oklch(85% .02 260);--sidebar-text-dim: oklch(62% .02 260);--sidebar-brand-sub: oklch(70% .02 260);--sidebar-border: oklch(38% .02 260);--sidebar-divider: oklch(30% .02 260);--accent: oklch(56% .16 262);--accent-hover: oklch(46% .16 262);--accent-selection: oklch(85% .06 262);--text: oklch(23% .012 80);--text-muted: oklch(48% .014 80);--text-label: oklch(40% .014 80);--text-soft: oklch(52% .014 80);--text-faint: oklch(53% .014 80);--border-card: oklch(91% .008 80);--border-input: oklch(64% .008 80);--border-th: oklch(93% .008 80);--border-td: oklch(94% .008 80);--track-bg: oklch(93% .01 80);--switch-off: oklch(90% .008 80);--income: oklch(56% .13 155);--income-soft: oklch(93% .05 155);--income-soft-strong: oklch(94% .04 155);--income-on-soft: oklch(38% .12 155);--income-amount: oklch(42% .12 155);--income-icon: oklch(40% .13 155);--expense: oklch(58% .17 25);--expense-soft: oklch(94% .06 25);--expense-soft-strong: oklch(95% .05 25);--expense-icon-bg: oklch(93% .06 25);--expense-on-soft: oklch(42% .17 25);--expense-on-soft-strong: oklch(42% .15 25);--expense-amount: oklch(48% .16 25);--pending: oklch(72% .14 80);--pending-soft: oklch(94% .06 80);--pending-icon-bg: oklch(93% .06 80);--pending-on-soft: oklch(45% .13 80);--pending-icon: oklch(48% .14 80);--balance: oklch(58% .13 230);--balance-soft: oklch(93% .05 230);--balance-on-soft: oklch(42% .13 230);--neutral-soft: oklch(93% .01 80);--neutral-on-soft: oklch(45% .014 80);--shadow-card: 0 8px 24px oklch(30% .02 80 / 6%);--shadow-login: 0 20px 50px oklch(30% .02 80 / 10%);--shadow-sidebar: 10px 0 30px oklch(20% .02 260 / 30%);--shadow-knob: 0 1px 3px rgb(0 0 0 / 20%);--shadow-modal: var(--shadow-login);--backdrop: oklch(21% .02 260 / 45%);--scrim: oklch(21% .02 260 / 58%);--shadow-drawer: var(--shadow-sidebar);--shadow-topbar: 0 1px 3px oklch(30% .02 80 / 8%);--scroll-shadow-size: 26px;--scroll-shadow-edge: oklch(30% .02 80 / 75%);--scroll-shadow-fade: oklch(30% .02 80 / 0%);--surface-fade: oklch(100% 0 0 / 0%);--card-row-bg: var(--bg-app);--radius-sm: 8px;--radius-icon: 9px;--radius-md: 10px;--radius-mark: 12px;--radius-lg: 14px;--radius-xl: 16px;--radius-pill: 999px;--fs-page-title: 26px;--fs-dashboard-title: 30px;--fs-panel-title: 15.5px;--fs-body: 14px;--fs-table: 13.5px;--fs-th: 11.5px;--fs-pill: 12px;--fs-sm-btn: 12.5px;--fs-toast-msg: 13px;--fs-input-mobile: 16px;--fs-card-label: 11.5px;--lh-body: 1.5;--lh-title: 1.2;--touch-target: 44px;--touch-gap: 10px;--col-actions: 200px;--mobile-topbar-h: 56px;--drawer-width: min(280px, calc(100vw - 48px) );--chart-grid: var(--border-th);--chart-zero: var(--border-input);--chart-band-active: var(--neutral-soft);--chart-label: var(--text-faint);--chart-tooltip-bg: var(--surface);--chart-tooltip-border: var(--border-card);--chart-tooltip-w: 196px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-width:320px;background:var(--bg-app);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);overflow-wrap:anywhere}body.drawer-open{overflow:hidden}button,input,select{font:inherit}::selection{background:var(--accent-selection)}.page-title{margin:0 0 22px;min-width:0;font-size:var(--fs-page-title);font-weight:800;line-height:var(--lh-title)}.panel{border:1px solid var(--border-card);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;min-width:0;flex-wrap:wrap}.panel-heading h3{margin:0;min-width:0;font-size:var(--fs-panel-title);font-weight:700;line-height:var(--lh-title)}.panel-heading span{color:var(--text-muted);font-size:var(--fs-sm-btn);font-weight:700}.form-panel{display:grid;gap:14px;align-content:start;min-width:0}label{display:grid;gap:6px;min-width:0;color:var(--text-label);font-size:13px;font-weight:600}input,select{width:100%;max-width:100%;border:1px solid var(--border-input);border-radius:var(--radius-md);padding:10px 12px;background:var(--surface);color:var(--text);font-size:var(--fs-body)}select{overflow:hidden;text-overflow:ellipsis}::placeholder{color:var(--text-muted);opacity:1}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input.invalid,select.invalid{border-color:var(--expense);box-shadow:0 0 0 1px var(--expense)}input.invalid:focus,select.invalid:focus{outline:2px solid var(--expense);outline-offset:1px}.field-error{color:var(--expense-on-soft);font-size:var(--fs-pill);font-weight:600;text-transform:none}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.primary-button,.ghost-button,.danger-button{border:0;border-radius:var(--radius-md);min-height:42px;padding:0 14px;cursor:pointer;font-size:var(--fs-body);font-weight:700}.primary-button{background:var(--accent);color:var(--surface)}@media(hover:hover){.primary-button:hover:not(:disabled){background:var(--accent-hover)}}.ghost-button{border:1px solid var(--border-input);background:var(--surface);color:var(--text-label)}.danger-button{background:var(--expense-soft);color:var(--expense-on-soft)}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.55;cursor:not-allowed}.primary-button:disabled{cursor:wait}.status-pill{display:inline-flex;max-width:100%;border-radius:var(--radius-pill);white-space:nowrap;padding:4px 10px;background:var(--neutral-soft);color:var(--neutral-on-soft);font-size:var(--fs-pill);font-weight:700}.status-pill.pill-income{background:var(--income-soft);color:var(--income-on-soft)}.status-pill.pill-pending{background:var(--pending-soft);color:var(--pending-on-soft)}.status-pill.pill-expense{background:var(--expense-soft);color:var(--expense-on-soft)}.status-pill.pill-neutral{background:var(--neutral-soft);color:var(--neutral-on-soft)}.compact-list{display:grid;gap:12px;min-width:0}.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;border-bottom:1px solid var(--border-th);padding-bottom:12px}.list-row>div{min-width:0}.list-row strong{display:block;min-width:0;font-size:var(--fs-body);font-weight:700}.list-row span{display:block;color:var(--text-muted);font-size:var(--fs-pill);margin-top:3px}.empty-state{margin:14px 0 0;min-width:0;color:var(--text-muted);font-size:var(--fs-table)}@keyframes loadingSpin{to{transform:rotate(360deg)}}.loading-state{display:flex;align-items:center;gap:10px;margin:16px 0 0;min-height:20px}.loading-state:before{content:"";width:18px;height:18px;border:2px solid var(--border-input);border-top-color:var(--accent);border-radius:var(--radius-pill);animation:loadingSpin .7s linear infinite}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.app-footer{font-size:var(--fs-pill);text-align:center}.content-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;align-items:start}.table-panel{min-width:0}.table-wrap{position:relative;overflow-x:auto;background-repeat:no-repeat;background-position:left center,right center,left center,right center;background-size:var(--scroll-shadow-size) 100%;background-attachment:local,local,scroll,scroll;background-image:linear-gradient(to right,var(--surface),var(--surface-fade)),linear-gradient(to left,var(--surface),var(--surface-fade)),linear-gradient(to right,var(--scroll-shadow-edge),var(--scroll-shadow-fade)),linear-gradient(to left,var(--scroll-shadow-edge),var(--scroll-shadow-fade))}col.col-actions{width:var(--col-actions)}table{width:100%;border-collapse:collapse;min-width:760px}th{border-bottom:1px solid var(--border-th);padding:0 12px 12px;color:var(--text-muted);font-size:var(--fs-th);font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.02em;vertical-align:middle;white-space:nowrap}td{border-bottom:1px solid var(--border-td);padding:14px 12px;font-size:var(--fs-table);text-align:left;vertical-align:middle;white-space:nowrap}table.fixed-layout{table-layout:fixed}table.fixed-layout th,table.fixed-layout td{white-space:normal;overflow-wrap:anywhere}table.fixed-layout td input,table.fixed-layout td select{padding:6px 8px;font-size:var(--fs-table)}table.fixed-layout td .field-error{display:block;margin-top:4px}.row-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.row-actions .ghost-button,.row-actions .primary-button,.row-actions .danger-button{min-height:32px;border-radius:var(--radius-sm);padding:0 12px;font-size:var(--fs-sm-btn);font-weight:600}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:200;background:var(--backdrop)}.modal-card{position:relative;z-index:201;width:min(340px,100vw - 32px);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:22px;background:var(--surface);box-shadow:var(--shadow-modal)}.modal-card p{margin:0 0 18px;font-size:var(--fs-body);font-weight:700}.modal-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:1080px){.content-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:680px){.two-cols{grid-template-columns:1fr}.panel{padding:18px}.content-grid{grid-template-columns:minmax(0,1fr);gap:16px}.list-row{grid-template-columns:minmax(0,1fr)}.table-wrap{overflow-x:visible;background-image:none}table{display:block;min-width:0}thead{display:none}tbody{display:block}tbody tr{display:block;border:1px solid var(--border-card);border-radius:var(--radius-md);padding:12px 14px;background:var(--card-row-bg)}tbody tr+tr{margin-top:10px}td{display:block;border-bottom:0;padding:6px 0;text-align:left;white-space:normal;overflow-wrap:anywhere}td:before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--text-muted);font-size:var(--fs-card-label);font-weight:700;text-transform:uppercase;letter-spacing:.02em}td:not([data-label]):before{content:none}td.row-actions{margin-top:6px;padding-top:12px;border-top:1px solid var(--border-td)}html{scroll-padding-block:calc(var(--mobile-topbar-h) + 12px) 96px}.form-panel,.table-panel{height:auto;max-height:none;position:static}.form-panel input,.form-panel select,.form-panel textarea,tbody td input,tbody td select{scroll-margin-block:calc(var(--mobile-topbar-h) + 12px) 96px}.modal-card{width:min(340px,100vw - 24px)}}@media(max-width:480px){input,select,textarea,table.fixed-layout td input,table.fixed-layout td select,td input,td select{font-size:var(--fs-input-mobile)}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:var(--touch-target)}.row-actions{gap:var(--touch-gap)}.row-actions .ghost-button,.row-actions .primary-button,.row-actions .danger-button{min-height:var(--touch-target);padding:0 16px}.modal-actions,.form-actions,.two-cols{gap:var(--touch-gap)}.modal-actions .ghost-button,.modal-actions .primary-button,.modal-actions .danger-button,.form-actions .ghost-button,.form-actions .primary-button,.form-actions .danger-button{min-height:var(--touch-target)}}