:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-1:#fff;--page:#eef1f5;--text-primary:#10151f;--text-secondary:#4b5563;--text-muted:#8992a3;--gridline:#e4e7ed;--baseline:#cbd1dc;--border:#10151f1c;--good:#10855e;--good-text:#0d6b4c;--critical:#b3392f;--series-1:#2a4a73;--series-2:#0d6b4c;--series-3:#8a6d3b;--series-4:#5b4b8a;--series-5:#2c7d8f;--series-6:#935a2e;--series-7:#6b6f7d;--series-8:#a13d4c;--brand-1:#16273f;--brand-2:#2c4a73;--accent:#b08d4f;--shadow-card:0 1px 2px #10151f0d, 0 4px 12px -6px #10151f1a;--shadow-card-hover:0 2px 4px #10151f0f, 0 8px 18px -8px #10151f24;--sans:"Segoe UI", system-ui, -apple-system, Roboto, sans-serif}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#161b24;--page:#0b0e14;--text-primary:#eef1f5;--text-secondary:#a3acbc;--text-muted:#6c7688;--gridline:#262c38;--baseline:#333a48;--border:#ffffff17;--good:#2fa579;--good-text:#3bbd8c;--critical:#d16b62;--series-1:#5b81ab;--series-2:#3bbd8c;--series-3:#c4a05a;--series-4:#8b7ac9;--series-5:#4fa7bb;--series-6:#c47f52;--series-7:#9099ab;--series-8:#c96a78;--brand-1:#1c2c42;--brand-2:#3a5680;--accent:#c9a35f;--shadow-card:0 1px 2px #0000004d, 0 4px 14px -6px #00000073;--shadow-card-hover:0 2px 6px #00000059, 0 8px 20px -8px #00000080}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-1:#161b24;--page:#0b0e14;--text-primary:#eef1f5;--text-secondary:#a3acbc;--text-muted:#6c7688;--gridline:#262c38;--baseline:#333a48;--border:#ffffff17;--good:#2fa579;--good-text:#3bbd8c;--critical:#d16b62;--series-1:#5b81ab;--series-2:#3bbd8c;--series-3:#c4a05a;--series-4:#8b7ac9;--series-5:#4fa7bb;--series-6:#c47f52;--series-7:#9099ab;--series-8:#c96a78;--brand-1:#1c2c42;--brand-2:#3a5680;--accent:#c9a35f;--shadow-card:0 1px 2px #0000004d, 0 4px 14px -6px #00000073;--shadow-card-hover:0 2px 6px #00000059, 0 8px 20px -8px #00000080}*{box-sizing:border-box}body{font-family:var(--sans);color:var(--text-primary);background:var(--page);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}button,input,select{font:inherit;color:inherit}.app{max-width:1080px;margin:0 auto;padding:28px 20px 80px}.app__hero{text-align:center;background:linear-gradient(155deg, var(--brand-1), var(--brand-2));border-bottom:3px solid var(--accent);box-shadow:var(--shadow-card);border-radius:10px;flex-direction:column;align-items:center;gap:4px;margin:0 0 32px;padding:40px 24px 30px;display:flex;position:relative}.app__logo{color:#fff;background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:10px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff38}.app__hero h1{letter-spacing:-.01em;color:#fff;margin:0;font-size:28px;font-weight:600}.app__subtitle{color:#ffffffb8;letter-spacing:.04em;text-transform:uppercase;margin-top:4px;font-size:13px}.app__theme-toggle{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex;position:absolute;top:14px;right:14px}.app__theme-toggle:hover{background:#ffffff2e}.app__main{flex-direction:column;gap:24px;display:flex}.transaction-form{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:8px;flex-wrap:wrap;align-items:end;gap:12px;padding:22px;display:flex}.transaction-form__field{flex-direction:column;flex:1;gap:6px;min-width:120px;display:flex}.transaction-form__field--grow{flex:2;min-width:200px}.transaction-form__field label{color:var(--text-secondary);font-size:13px}.transaction-form__field input,.transaction-form__field select{border:1px solid var(--border);background:var(--page);color:var(--text-primary);border-radius:8px;padding:9px 10px;transition:border-color .15s,box-shadow .15s}.transaction-form__field input:focus,.transaction-form__field select:focus{border-color:var(--brand-1);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-1) 18%, transparent);outline:none}.transaction-form__submit{background:var(--brand-1);color:#fff;cursor:pointer;border:none;border-radius:6px;height:40px;padding:10px 22px;font-weight:600;transition:background .15s}.transaction-form__submit:hover{background:var(--brand-2)}.app__filter-row{align-items:center;gap:10px;display:flex}.app__filter-row label{color:var(--text-secondary);font-size:14px}.app__filter-row select{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-card);border-radius:8px;padding:7px 10px}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat-tile{background:var(--surface-1);border:1px solid var(--border);border-top:3px solid var(--brand-2);box-shadow:var(--shadow-card);border-radius:8px;flex-direction:column;gap:6px;padding:20px 22px;transition:box-shadow .15s;display:flex}.stat-tile:hover{box-shadow:var(--shadow-card-hover)}.stat-tile__label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.stat-tile__dot{border-radius:50%;width:8px;height:8px;display:inline-block}.stat-tile__dot--good{background:var(--good)}.stat-tile__dot--critical{background:var(--critical)}.stat-tile__value{color:var(--text-primary);font-size:26px;font-weight:600}.stat-tile__value--negative{color:var(--critical)}.app__charts{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.chart-card{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:8px;padding:20px;position:relative}.chart-card__title{letter-spacing:.03em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 16px;font-size:13px;font-weight:600}.chart-card__empty{color:var(--text-muted);font-size:14px}.category-chart{flex-direction:column;gap:10px;display:flex}.category-chart__row{outline:none;grid-template-columns:100px 1fr;align-items:center;gap:10px;display:grid;position:relative}.category-chart__label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.category-chart__track{background:var(--page);border-radius:4px;align-items:center;height:24px;display:flex;position:relative}.category-chart__bar{border-radius:4px;justify-content:flex-end;align-items:center;min-width:4px;height:20px;padding-right:8px;transition:filter .15s;display:flex}.category-chart__bar--hover{filter:brightness(1.1)}.category-chart__value{font-variant-numeric:tabular-nums;font-size:12px}.category-chart__value--inside{color:#fff}.category-chart__value--outside{color:var(--text-secondary);white-space:nowrap;margin-left:8px}.monthly-chart__svg{width:100%;height:auto}.monthly-chart__gridline{stroke:var(--gridline);stroke-width:1px}.monthly-chart__tick{fill:var(--text-muted);font-size:11px}.monthly-chart__bar{cursor:pointer;outline:none;transition:filter .15s}.monthly-chart__bar--good{fill:var(--good)}.monthly-chart__bar--critical{fill:var(--critical)}.monthly-chart__bar--hover{filter:brightness(1.15)}.chart-legend{justify-content:center;gap:16px;margin-top:12px;display:flex}.chart-legend__item{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.chart-legend__swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.chart-legend__swatch--good{background:var(--good)}.chart-legend__swatch--critical{background:var(--critical)}.chart-tooltip{background:var(--surface-1);border:1px solid var(--border);pointer-events:none;white-space:nowrap;z-index:5;border-radius:8px;align-items:baseline;gap:6px;padding:8px 10px;font-size:12px;display:flex;position:absolute;top:calc(100% + 6px);left:110px;box-shadow:0 4px 12px #0000001f}.chart-tooltip--floating{position:static;transform:none}.chart-tooltip__key{border-radius:2px;width:10px;height:3px;display:inline-block}.chart-tooltip__key--good{background:var(--good)}.chart-tooltip__key--critical{background:var(--critical)}.chart-tooltip__value{color:var(--text-primary);font-weight:700}.chart-tooltip__label{color:var(--text-secondary)}.transaction-list{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:8px;padding:8px 20px;overflow-x:auto}.transaction-list__empty{color:var(--text-muted);text-align:center;padding:20px 0}.transaction-list__table{border-collapse:collapse;width:100%;font-size:14px}.transaction-list__table th{text-align:left;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--border);padding:12px 8px;font-size:11px;font-weight:600}.transaction-list__amount-head{text-align:right}.transaction-list__table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:10px 8px}.transaction-list__table tbody tr:hover td{background:color-mix(in srgb, var(--brand-1) 4%, transparent)}.transaction-list__row--editing td{background:color-mix(in srgb, var(--brand-1) 6%, transparent);vertical-align:middle}.transaction-list__date{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.transaction-list__amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.transaction-list__amount--good{color:var(--good-text)}.transaction-list__amount--critical{color:var(--critical)}.transaction-list__actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.transaction-list__edit,.transaction-list__delete,.transaction-list__save,.transaction-list__cancel{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:5px 9px;font-size:13px}.transaction-list__edit{color:var(--text-muted)}.transaction-list__edit:hover{color:var(--brand-1);background:color-mix(in srgb, var(--brand-1) 10%, transparent)}.transaction-list__delete{color:var(--text-muted)}.transaction-list__delete:hover{color:var(--critical);background:color-mix(in srgb, var(--critical) 10%, transparent)}.transaction-list__save{color:#fff;background:var(--brand-1);font-weight:600}.transaction-list__save:hover{background:var(--brand-2)}.transaction-list__cancel{color:var(--text-secondary);border:1px solid var(--border)}.transaction-list__cancel:hover{background:var(--page)}.transaction-list__edit-input{border:1px solid var(--border);background:var(--surface-1);width:100%;color:var(--text-primary);font:inherit;border-radius:6px;padding:7px 8px;font-size:13px}.transaction-list__edit-input:focus{border-color:var(--brand-1);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-1) 18%, transparent);outline:none}.transaction-list__edit-input--amount{text-align:right;min-width:90px}.transaction-list__edit-group{flex-direction:column;gap:4px;min-width:130px;display:flex}@media (width<=640px){.app{padding:16px 12px 60px}.app__hero{border-radius:8px;margin-bottom:24px;padding:32px 18px 24px}.app__hero h1{font-size:26px}.app__subtitle{font-size:13px}.app__theme-toggle{width:36px;height:36px;top:10px;right:10px}.app__main{gap:16px}.transaction-form{gap:10px;padding:16px}.transaction-form__field,.transaction-form__field--grow{flex:100%;min-width:0}.transaction-form__submit{width:100%}.app__filter-row{flex-wrap:wrap}.app__filter-row select{flex:1}.stat-tiles{grid-template-columns:1fr 1fr;gap:10px}.stat-tile{padding:14px 16px}.stat-tile__value{font-size:21px}.app__charts{grid-template-columns:1fr}.chart-card{padding:16px}.category-chart__row{grid-template-columns:76px 1fr;gap:6px}.transaction-list{border-left:none;border-right:none;border-radius:0;width:calc(100% + 24px);margin:0 -12px;padding:4px 10px}.transaction-list__table{font-size:13px}.transaction-list__table th,.transaction-list__table td{padding:8px 6px}.transaction-list__table th:nth-child(3),.transaction-list__table td:nth-child(3){max-width:84px}.transaction-list__table tr:not(.transaction-list__row--editing) td:nth-child(3){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transaction-list__actions{flex-direction:column;align-items:flex-end;gap:2px}.transaction-list__edit-group{min-width:100px}}