:root{--bg: #f4f6fa;--surface: #ffffff;--text: #1b2333;--text-muted: #5d6b82;--border: #d5dbe6;--primary: #2f6fed;--primary-hover: #1f58cc;--primary-contrast: #ffffff;--danger: #c62f3d;--danger-bg: #fdecee;--focus: rgba(47, 111, 237, .35);--shadow: 0 8px 30px rgba(27, 35, 51, .08);--positive: #1c7c4a;--chip-active-fg: #1c7c4a;--chip-active-bg: #e3f6ec;--chip-upcoming-fg: #8a5a00;--chip-upcoming-bg: #fdf1d6;--coin: #eda100;--coin-deep: #c98500;--coin-ink: #4a3300;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #11151f;--surface: #1a2030;--text: #e8ecf5;--text-muted: #9aa7bf;--border: #2d374d;--primary: #5b8dff;--primary-hover: #7ba3ff;--primary-contrast: #0c1020;--danger: #ff7a86;--danger-bg: #3a1c22;--focus: rgba(91, 141, 255, .4);--shadow: 0 8px 30px rgba(0, 0, 0, .35);--positive: #7fdcab;--chip-active-fg: #7fdcab;--chip-active-bg: #17372a;--chip-upcoming-fg: #f2c46b;--chip-upcoming-bg: #3a2f14;--coin: #c98500;--coin-deep: #a56c00;--coin-ink: #2b1d00;--chart-1: #3987e5;--chart-2: #d95926;--chart-3: #199e70;--text-secondary: #c3c2b7}}:root[data-theme=dark]{color-scheme:dark;--bg: #11151f;--surface: #1a2030;--text: #e8ecf5;--text-muted: #9aa7bf;--border: #2d374d;--primary: #5b8dff;--primary-hover: #7ba3ff;--primary-contrast: #0c1020;--danger: #ff7a86;--danger-bg: #3a1c22;--focus: rgba(91, 141, 255, .4);--shadow: 0 8px 30px rgba(0, 0, 0, .35);--positive: #7fdcab;--chip-active-fg: #7fdcab;--chip-active-bg: #17372a;--chip-upcoming-fg: #f2c46b;--chip-upcoming-bg: #3a2f14;--coin: #c98500;--coin-deep: #a56c00;--coin-ink: #2b1d00;--chart-1: #3987e5;--chart-2: #d95926;--chart-3: #199e70;--text-secondary: #c3c2b7}:root[data-theme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit}.page{max-width:1040px;margin:0 auto;padding:28px 24px 56px}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.page-header h1{margin:0;font-size:1.5rem}.muted{color:var(--text-muted)}.btn{display:inline-block;padding:8px 14px;text-decoration:none;color:var(--text);font-weight:600;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus)}.btn:disabled{opacity:.6;cursor:progress}.btn.primary{color:var(--primary-contrast);background:var(--primary);border-color:var(--primary)}.btn.primary:hover:not(:disabled){color:var(--primary-contrast);background:var(--primary-hover)}.btn.danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.btn.small{padding:4px 10px;font-size:.85rem;font-weight:500}.panel{padding:20px;margin-bottom:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.panel h2{margin:0 0 16px;font-size:1.1rem}.panel,.card,.accent-card,.tiles .tile{border:1px solid transparent;background:linear-gradient(90deg,var(--chart-1),var(--chart-2) 52%,var(--chart-3)) top left/100% 3px no-repeat padding-box,linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(90deg,color-mix(in srgb,var(--chart-1) 50%,var(--border)),color-mix(in srgb,var(--chart-2) 50%,var(--border)) 52%,color-mix(in srgb,var(--chart-3) 50%,var(--border))) border-box}.panel,.card{position:relative;isolation:isolate}.panel:after,.card:after{content:"";position:absolute;z-index:-1;right:16px;bottom:14px;width:132px;height:66px;pointer-events:none;opacity:.1;background:linear-gradient(90deg,var(--chart-1),var(--chart-2) 52%,var(--chart-3));mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'%3E%3Crect x='3.2' y='21' width='6' height='8' rx='2.4' fill-opacity='.55'/%3E%3Crect x='11.8' y='17' width='6' height='12' rx='2.4' fill-opacity='.55'/%3E%3Crect x='20.4' y='19' width='6' height='10' rx='2.4' fill-opacity='.55'/%3E%3Crect x='29' y='14' width='6' height='15' rx='2.4' fill-opacity='.55'/%3E%3Crect x='37.6' y='16' width='6' height='13' rx='2.4' fill-opacity='.55'/%3E%3Crect x='46.2' y='12' width='6' height='17' rx='2.4' fill-opacity='.55'/%3E%3Crect x='54.8' y='9' width='6' height='20' rx='2.4' fill-opacity='.55'/%3E%3Cpath d='M6.2 17 C7.7 16.3 11.7 13.4 14.8 13 C17.9 12.6 20.3 15.5 23.4 15 C26.5 14.5 28.9 10.5 32 10 C35.1 9.5 37.5 12.4 40.6 12 C43.7 11.6 46.1 9.3 49.2 8 C52.3 6.7 56.3 5.5 57.8 5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='57.8' cy='5' r='2.1'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'%3E%3Crect x='3.2' y='21' width='6' height='8' rx='2.4' fill-opacity='.55'/%3E%3Crect x='11.8' y='17' width='6' height='12' rx='2.4' fill-opacity='.55'/%3E%3Crect x='20.4' y='19' width='6' height='10' rx='2.4' fill-opacity='.55'/%3E%3Crect x='29' y='14' width='6' height='15' rx='2.4' fill-opacity='.55'/%3E%3Crect x='37.6' y='16' width='6' height='13' rx='2.4' fill-opacity='.55'/%3E%3Crect x='46.2' y='12' width='6' height='17' rx='2.4' fill-opacity='.55'/%3E%3Crect x='54.8' y='9' width='6' height='20' rx='2.4' fill-opacity='.55'/%3E%3Cpath d='M6.2 17 C7.7 16.3 11.7 13.4 14.8 13 C17.9 12.6 20.3 15.5 23.4 15 C26.5 14.5 28.9 10.5 32 10 C35.1 9.5 37.5 12.4 40.6 12 C43.7 11.6 46.1 9.3 49.2 8 C52.3 6.7 56.3 5.5 57.8 5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='57.8' cy='5' r='2.1'/%3E%3C/svg%3E") center/contain no-repeat}@media print{.panel:after,.card:after{display:none}}select{-webkit-appearance:none;appearance:none;padding-right:32px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237b8aa3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:7px 4.2px;transition:border-color .15s,box-shadow .15s}select:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}select:open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 5l4-4 4 4' fill='none' stroke='%237b8aa3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}select:disabled{cursor:not-allowed;opacity:.6}@supports (appearance: base-select){select{appearance:base-select;display:flex;align-items:center;gap:10px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@supports (appearance: base-select){select::picker-icon{display:none}select::picker(select){appearance:base-select;min-width:anchor-size(width);max-height:min(340px,55vh);padding:8px 6px 6px;margin-block:6px;color:var(--text);border:1px solid transparent;border-radius:12px;box-shadow:0 16px 44px #0000003d;background:linear-gradient(90deg,var(--chart-1),var(--chart-2) 52%,var(--chart-3)) top left/100% 3px no-repeat padding-box,linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(90deg,color-mix(in srgb,var(--chart-1) 50%,var(--border)),color-mix(in srgb,var(--chart-2) 50%,var(--border)) 52%,color-mix(in srgb,var(--chart-3) 50%,var(--border))) border-box;opacity:0;transform:translateY(-6px);transition:opacity .15s,transform .15s,overlay .15s allow-discrete,display .15s allow-discrete}select:open::picker(select){opacity:1;transform:none}@starting-style{select:open::picker(select){opacity:0;transform:translateY(-6px)}}select option{display:flex;align-items:center;gap:10px;padding:9px 12px;color:var(--text);font-size:.95rem;cursor:pointer;border-radius:8px;transition:background-color .1s}select option:hover,select option:focus-visible{outline:none;background:color-mix(in srgb,var(--primary) 9%,transparent)}select option:checked{font-weight:600;background:color-mix(in srgb,var(--primary) 14%,transparent)}select option:disabled{color:var(--text-muted);cursor:not-allowed}select option::checkmark{order:1;margin-left:auto;color:var(--primary);font-weight:700}@media(prefers-reduced-motion:reduce){select::picker(select),select::picker-icon{transition:none}}}.alert{padding:10px 12px;margin-bottom:16px;color:var(--danger);background:var(--danger-bg);border-radius:10px;font-size:.9rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-grid .wide{grid-column:1/-1}.form-field{display:grid;align-content:start;gap:6px}.form-field label{font-size:.9rem;font-weight:600}.form-field input,.form-field select{width:100%;padding:9px 12px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px}.form-field select{-webkit-appearance:none;appearance:none;padding-right:32px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237b8aa3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:7px 4.2px;transition:border-color .15s,box-shadow .15s}.form-field select:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.form-field select:open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 5l4-4 4 4' fill='none' stroke='%237b8aa3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.form-field select:disabled{cursor:not-allowed;opacity:.6}@supports (appearance: base-select){.form-field select{appearance:base-select;display:flex;align-items:center;gap:10px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus)}.form-field input.invalid,.form-field select.invalid{border-color:var(--danger)}.form-field .error{color:var(--danger);font-size:.85rem}.form-field .hint{color:var(--text-muted);font-size:.8rem}.form-actions{display:flex;gap:8px;margin-top:16px}.data-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.data-table tr:last-child td{border-bottom:none}.data-table th{color:var(--text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.data-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.data-table .actions{text-align:right;white-space:nowrap}.data-table .actions .btn+.btn{margin-left:6px}.data-table tfoot td{font-weight:650;background:var(--bg)}.table-scroll{overflow-x:auto}.chip{display:inline-block;padding:2px 10px;font-size:.8rem;font-weight:600;border-radius:999px;background:var(--bg);color:var(--text-muted)}.chip.active{color:var(--chip-active-fg);background:var(--chip-active-bg)}.chip.upcoming{color:var(--chip-upcoming-fg);background:var(--chip-upcoming-bg)}.empty{padding:32px 16px;text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:14px}.intro{margin:-8px 0 20px}.small-note{font-size:.8rem}.page.narrow{max-width:640px}.add-row{display:flex;align-items:flex-end;gap:12px}.add-row .grow{flex:1}form.inline{display:flex;align-items:center;gap:8px}form.inline input{flex:1;padding:6px 10px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px}form.inline input.invalid{border-color:var(--danger)}.amount-income{color:var(--positive)}.segmented{position:relative;display:inline-flex;justify-self:start;width:fit-content;max-width:100%;border:1px solid var(--border);border-radius:10px;overflow:hidden}.segmented label{padding:8px 16px;font-weight:600;cursor:pointer;background:var(--bg)}.segmented label:has(input:checked){color:var(--primary-contrast);background:var(--primary)}.segmented label:has(input:focus-visible){box-shadow:inset 0 0 0 3px var(--focus)}.segmented label input{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;opacity:0;pointer-events:none}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.filters select{padding:7px 32px 7px 10px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237b8aa3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:7px 4.2px;transition:border-color .15s,box-shadow .15s}.filters select:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.filters select:open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 5l4-4 4 4' fill='none' stroke='%237b8aa3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.filters select:disabled{cursor:not-allowed;opacity:.6}@supports (appearance: base-select){.filters select{appearance:base-select;display:flex;align-items:center;gap:10px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.month-label{margin-left:8px;font-size:1rem;font-weight:400}.nowrap{white-space:nowrap}.form-field .label{font-size:.9rem;font-weight:600}.note{margin:16px 0 0;font-size:.9rem}.chip+.chip,td .chip{margin-left:6px}button.link{padding:0;color:var(--primary);font:inherit;font-weight:600;background:none;border:none;cursor:pointer}button.link:hover{text-decoration:underline}:root{--chart-1: #2a78d6;--chart-2: #eb6834;--chart-3: #1baf7a;--text-secondary: #52514e}.chart-tooltip{position:absolute;z-index:2;min-width:170px;padding:10px 12px;color:var(--text);font-size:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);pointer-events:none}.chart-tooltip .when{margin-bottom:6px;color:var(--text-muted);font-size:.8rem}.chart-tooltip .line{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:2px 0}.chart-tooltip .line .key{display:block;width:10px;height:3px;border-radius:2px}.chart-tooltip .line .name{color:var(--text-muted)}.chart-tooltip .line.sub{font-size:.8rem}.chart-tooltip .line.sub .name{color:var(--text-muted)}.chart-tooltip .line.net{grid-template-columns:1fr auto;margin-top:4px;padding-top:6px;border-top:1px solid var(--border)}.chart-tooltip strong{font-variant-numeric:tabular-nums}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:20px;transition:opacity .15s}.tiles.stale{opacity:.55}.tiles .tile{display:grid;gap:4px;padding:14px 16px;border-radius:14px}.tiles .tile .muted{font-size:.82rem}.tiles .tile strong{font-size:1.3rem}.tiles .tile.highlight strong{font-size:1.45rem}.filters{align-items:center}.filters .period-label{min-width:8.5em;text-align:center}.legend{display:flex;flex-wrap:wrap;gap:6px 18px;padding:0;margin:0 0 10px;color:var(--text-muted);font-size:.85rem;list-style:none}.legend li{display:flex;align-items:center;gap:6px}.legend .swatch{display:inline-block;width:10px;height:10px;border-radius:2px}.empty-note{margin:8px 0;color:var(--text-muted)}:root{--status-good: #0ca30c;--status-warning: #fab219;--status-critical: #d03b3b}.notice{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:16px;font-size:.9rem;background:var(--surface);border:1px solid var(--border);border-left-width:4px;border-radius:10px}.notice.warning{border-left-color:var(--status-warning)}.notice.exceeded{border-left-color:var(--status-critical)}.budget-rows{display:grid;gap:4px}.budget-row{display:grid;grid-template-columns:minmax(8rem,1.2fr) minmax(140px,1.6fr) minmax(7rem,1fr) auto;align-items:center;gap:16px;padding:10px 6px;border-bottom:1px solid var(--border)}.budget-row .who,.budget-row .figures{display:grid;gap:2px;font-size:.9rem}.budget-row .figures .used{font-weight:650;font-variant-numeric:tabular-nums}.budget-row .actions{display:flex;gap:6px}@media(max-width:760px){.budget-row{grid-template-columns:1fr auto}.budget-row app-budget-meter{grid-column:1/-1;order:3}.budget-row .figures{text-align:right}.budget-row .actions{grid-column:1/-1;order:4}}.budget-total{display:flex;justify-content:space-between;gap:12px;padding:12px 6px 0;font-weight:650;font-variant-numeric:tabular-nums}.data-card{margin-bottom:20px}.data-card h2{margin:0 0 4px;font-size:1.05rem}.data-card .intro{margin:0 0 16px}.data-card .filters{align-items:flex-end}.import-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px}.import-controls .check{display:flex;align-items:center;gap:6px;padding-bottom:8px;font-size:.9rem}.notice.ok{justify-content:flex-start;border-left-color:var(--status-good)}.reloadable{transition:opacity .15s}.reloadable.stale{opacity:.55;pointer-events:none}