:root{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #f0f1f4;--text: #14161a;--text-muted: #6b7280;--border: #e5e7eb;--income: #16a34a;--expense: #dc2626;--accent: #4f46e5;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 6px 20px rgba(0, 0, 0, .06);--content-max: 520px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0f1115;--surface: #1a1d23;--surface-2: #23262e;--text: #f3f4f6;--text-muted: #9aa1ac;--border: #2b2f37;--income: #34d399;--expense: #f87171;--accent: #818cf8;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.app{max-width:var(--content-max);margin:0 auto;padding:20px 16px calc(96px + env(safe-area-inset-bottom));min-height:100vh}.month-switcher{display:flex;align-items:center;justify-content:space-between;margin:8px 0 20px}.month-switcher h1{font-size:1.25rem;font-weight:700;margin:0;letter-spacing:-.01em}.month-switcher button{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.2rem;display:grid;place-items:center;transition:background .15s}.month-switcher button:hover{background:var(--surface-2)}.month-title{display:flex;align-items:baseline;gap:6px;margin:0}.month-switcher .title-part{width:auto;height:auto;border:none;background:none;border-radius:8px;padding:2px 6px;font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.month-switcher .title-part:hover{background:var(--surface-2)}.ms-left{display:flex;align-items:center;gap:8px}.month-switcher .today-btn{width:auto;height:40px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 14px;font-size:.85rem;font-weight:600}.month-switcher .today-btn:hover{background:var(--surface-2)}.month-switcher .today-btn.is-current{color:var(--text-muted);opacity:.6}.summary{display:grid;gap:12px;margin-bottom:24px}.balance-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px;text-align:center}.balance-card .label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.balance-card .amount{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;margin-top:4px}.balance-card .amount.positive{color:var(--income)}.balance-card .amount.negative{color:var(--expense)}.in-out{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;border:none;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .1s}.mini-card:active{transform:scale(.98)}.mini-card .label{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.mini-card .value{font-size:1.3rem;font-weight:700;margin-top:2px}.mini-card .value.income{color:var(--income)}.mini-card .value.expense{color:var(--expense)}.section-title{font-size:.95rem;font-weight:700;color:var(--text-muted);margin:24px 4px 12px}.breakdown{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 16px}.donut-wrap{display:flex;justify-content:center;margin-bottom:8px}.donut-center-label{font-size:.72rem;fill:var(--text-muted)}.donut-center-value{font-size:1.05rem;font-weight:800;fill:var(--text)}.cat-row{display:flex;align-items:center;gap:12px;padding:10px 0}.cat-row+.cat-row{border-top:1px solid var(--border)}.cat-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}.cat-info{flex:1;min-width:0}.cat-name{font-weight:600;font-size:.95rem}.cat-bar{height:6px;border-radius:3px;background:var(--surface-2);margin-top:6px;overflow:hidden}.cat-bar>span{display:block;height:100%;border-radius:3px}.cat-amount{text-align:right;flex-shrink:0}.cat-amount .sum{font-weight:700;font-size:.95rem}.cat-amount .pct{font-size:.78rem;color:var(--text-muted)}.day-group+.day-group{margin-top:18px}.day-header{font-size:.82rem;color:var(--text-muted);font-weight:600;margin:0 4px 8px}.tx-list{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.tx-row{display:flex;align-items:center;gap:12px;padding:12px 14px;width:100%;border:none;background:none;color:inherit;text-align:left}.tx-row+.tx-row{border-top:1px solid var(--border)}.tx-row:hover{background:var(--surface-2)}.tx-main{flex:1;min-width:0}.tx-cat{font-weight:600;font-size:.95rem}.tx-note{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-amount{font-weight:700;font-size:1rem;flex-shrink:0}.tx-amount.income{color:var(--income)}.tx-amount.expense{color:var(--text)}.empty{text-align:center;color:var(--text-muted);padding:40px 20px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.empty .emoji{font-size:2rem}.empty p{margin:10px 0 0}.fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom));width:60px;height:60px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:2rem;line-height:1;box-shadow:0 6px 20px #4f46e573;display:grid;place-items:center;z-index:20}.fab:active{transform:translate(-50%) scale(.94)}.icon-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:8px 12px;font-size:.85rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:30;padding:0}@media (min-width: 560px){.modal-backdrop{align-items:center;padding:20px}}.modal{background:var(--surface);width:100%;max-width:var(--content-max);border-radius:22px 22px 0 0;padding:20px 18px calc(24px + env(safe-area-inset-bottom));max-height:92vh;overflow-y:auto}@media (min-width: 560px){.modal{border-radius:22px}}.modal h2{margin:4px 0 18px;font-size:1.15rem}.kind-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--surface-2);border-radius:12px;padding:4px;margin-bottom:18px}.kind-toggle button{border:none;background:none;padding:10px;border-radius:9px;font-weight:600;color:var(--text-muted)}.kind-toggle button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.kind-toggle button.active.expense{color:var(--expense)}.kind-toggle button.active.income{color:var(--income)}.amount-input{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:20px}.amount-input input{font-size:2.6rem;font-weight:800;border:none;background:none;color:var(--text);text-align:right;width:100%;max-width:260px;outline:none;letter-spacing:-.02em}.amount-input .cur{font-size:1.8rem;font-weight:700;color:var(--text-muted)}.field-label{font-size:.8rem;color:var(--text-muted);font-weight:600;margin:0 2px 8px}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.cat-chip{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.72rem;color:var(--text);text-align:center}.cat-chip .chip-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:1.1rem}.cat-chip.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.field{margin-bottom:16px}.field input[type=date],.field input[type=text]{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:1rem;outline:none}.field input:focus{border-color:var(--accent)}.modal-actions{display:flex;gap:10px;margin-top:8px}.btn{flex:1;padding:14px;border-radius:var(--radius-sm);border:none;font-size:1rem;font-weight:700}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{opacity:.45}.btn-ghost{background:var(--surface-2);color:var(--text)}.btn-danger{background:none;color:var(--expense);flex:0 0 auto;padding:14px 18px}.cat-hint{font-size:.78rem;color:var(--text-muted);margin:-4px 2px 12px}.cat-icon-edit{width:38px;height:38px;flex-shrink:0;border-radius:50%;border:1px solid var(--border);font-size:1.1rem;text-align:center;color:var(--text);cursor:pointer;padding:0;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cat-icon-edit:focus{outline:none;border-color:var(--accent)}.cat-manage-row{display:flex;align-items:center;gap:10px;padding:10px 0}.cat-manage-row+.cat-manage-row{border-top:1px solid var(--border)}.cat-name-edit{flex:1;min-width:0;border:1px solid transparent;border-radius:8px;background:none;color:var(--text);font-family:inherit;font-weight:600;font-size:1rem;padding:6px 8px;outline:none}.cat-name-edit:hover{border-color:var(--border)}.cat-name-edit:focus{border-color:var(--accent)}.cat-color-edit{width:28px;height:28px;flex-shrink:0;border:1px solid var(--border);border-radius:50%;padding:0;cursor:pointer;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cat-color-edit::-webkit-color-swatch-wrapper{padding:0}.cat-color-edit::-webkit-color-swatch{border:none;border-radius:50%}.cat-color-edit::-moz-color-swatch{border:none;border-radius:50%}.cat-del{border:none;background:none;color:var(--expense);font-size:.85rem;flex-shrink:0;padding:0}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.detail-head h2{margin:0}.detail-month{font-size:.82rem;color:var(--text-muted);margin-top:2px}.detail-sum{font-size:1.25rem;font-weight:800;letter-spacing:-.01em}.add-cat-form{display:grid;grid-template-columns:56px 1fr auto;gap:8px;align-items:center;margin-top:16px}.add-cat-form input{padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:1rem;outline:none;width:100%}.add-cat-form input.emoji{text-align:center}.add-cat-form button{padding:10px 16px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-weight:700}.charts{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 0 12px}.charts-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.charts-track::-webkit-scrollbar{display:none}.chart-panel{flex:0 0 100%;width:100%;scroll-snap-align:center;padding:0 16px;box-sizing:border-box}.charts-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.dot-btn{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:var(--border);transition:background .2s,transform .2s}.dot-btn.active{background:var(--accent);transform:scale(1.3)}.chart-empty{text-align:center;color:var(--text-muted);padding:40px 10px}.chart-empty .emoji{font-size:2rem}.chart-empty p{margin:10px 0 0}.donut-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:12px}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-muted)}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.bars-total{font-size:.85rem;color:var(--text-muted);margin-bottom:14px}.bars-total strong{color:var(--text)}.bar-item+.bar-item{margin-top:14px}.bar-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.bar-name{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:.95rem}.bar-emoji{font-size:1.05rem}.bar-sum{font-weight:700;font-size:.95rem}.bar-track{height:10px;border-radius:5px;background:var(--surface-2);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:5px;transition:width .3s}.chart-range{display:flex;gap:3px;background:var(--surface-2);border-radius:12px;padding:4px;margin-bottom:16px}.range-btn{flex:1;border:none;background:none;padding:8px 2px;border-radius:9px;font-size:.74rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.range-btn.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.saldo-stat{display:flex;align-items:center;gap:16px;margin-bottom:14px}.ss-block{min-width:0}.ss-label{font-size:.72rem;color:var(--text-muted)}.ss-value{font-size:1.15rem;font-weight:800;letter-spacing:-.01em}.ss-value.pos{color:var(--income)}.ss-value.neg{color:var(--expense)}.ss-value.muted{color:var(--text-muted)}.ss-diff{margin-left:auto;font-size:.85rem;font-weight:700}.ss-diff.good{color:var(--income)}.ss-diff.bad{color:var(--expense)}.saldo-svg{display:block;width:100%;height:auto;overflow:visible}.axis-zero{stroke:var(--border);stroke-width:1}.avg-line{stroke:var(--accent);stroke-width:1;stroke-dasharray:4 4;opacity:.7}.avg-label{fill:var(--accent);font-size:8px;font-weight:600}.saldo-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.pt{pointer-events:none}.pt.pos{fill:var(--income)}.pt.neg{fill:var(--expense)}.pt.current,.pt.hl{stroke:var(--text);stroke-width:2}.pt-hit{fill:transparent;cursor:pointer}.tip-box{fill:var(--surface-2);stroke:var(--border);stroke-width:1}.tip-title{fill:var(--text-muted);font-size:7px}.tip-value{fill:var(--text);font-size:9px;font-weight:700}.x-label{fill:var(--text-muted);font-size:8px}.saldo-hint{text-align:center;color:var(--text-muted);font-size:.82rem;margin-top:10px}.picker-grid{display:grid;gap:10px}.month-grid{grid-template-columns:repeat(3,1fr)}.year-grid{grid-template-columns:repeat(3,1fr);max-height:320px;overflow-y:auto}.picker-cell{padding:14px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:1rem;font-weight:600}.picker-cell.active{background:var(--accent);color:#fff;border-color:var(--accent)}