:root{--bg: var(--tg-theme-bg-color, #ffffff);--bg2: var(--tg-theme-secondary-bg-color, #f1f2f4);--text: var(--tg-theme-text-color, #0b0b0b);--hint: var(--tg-theme-hint-color, #6b6f76);--accent: var(--tg-theme-button-color, #256abf);--accent-text: var(--tg-theme-button-text-color, #ffffff);--line: color-mix(in srgb, var(--hint) 22%, transparent);--good: #0ca30c;--warn: #fab219;--bad: #d03b3b;--good-text: #006300;--bad-text: #b42323;--other: #9a9a96;--banner-demo: color-mix(in srgb, var(--accent) 14%, var(--bg));--banner-stale: #fff4d6;color-scheme:light}:root[data-theme=dark]{--bg: var(--tg-theme-bg-color, #17212b);--bg2: var(--tg-theme-secondary-bg-color, #0e1621);--text: var(--tg-theme-text-color, #f5f5f5);--hint: var(--tg-theme-hint-color, #8b98a5);--accent: var(--tg-theme-button-color, #5ea7ec);--accent-text: var(--tg-theme-button-text-color, #0b1520);--good-text: #4cc94c;--bad-text: #ff7a7a;--other: #77776f;--banner-stale: #43380f;color-scheme:dark}:root[data-skin=indigo]{--accent: #5145cd;--accent-text: #ffffff;--bg: #ffffff;--bg2: #f0f0f8;--hint: #5f6268;--hero: linear-gradient(135deg, #4338ca, #7c6ff0)}:root[data-skin=emerald]{--accent: #0b7a4b;--accent-text: #ffffff;--bg: #ffffff;--bg2: #eef4f1;--hint: #5f6268;--hero: linear-gradient(135deg, #0b7a4b, #23a36b)}:root[data-skin=rose]{--accent: #b0306a;--accent-text: #ffffff;--bg: #ffffff;--bg2: #f8eff3;--hint: #5f6268;--hero: linear-gradient(135deg, #a3285f, #e0558f)}:root[data-theme=dark][data-skin=indigo]{--accent: #9d93f5;--accent-text: #0b0b0b;--bg: #1b1a2a;--bg2: #11101b;--text: #f5f5f5;--hint: #a3a1b8;--hero: linear-gradient(135deg, #2f2899, #5b4fd6)}:root[data-theme=dark][data-skin=emerald]{--accent: #34c38f;--accent-text: #0b0b0b;--bg: #15201c;--bg2: #0c1411;--text: #f5f5f5;--hint: #9db0a8;--hero: linear-gradient(135deg, #0d5a3a, #138a5a)}:root[data-theme=dark][data-skin=rose]{--accent: #f07aaa;--accent-text: #0b0b0b;--bg: #241820;--bg2: #160e13;--text: #f5f5f5;--hint: #b9a3ad;--hero: linear-gradient(135deg, #7d1f49, #b8336f)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg2);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}#root{height:100%}.app{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto}.app-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.content{padding:4px 12px 16px;display:flex;flex-direction:column;gap:12px}:root{--period-h: 58px}.period{position:sticky;top:0;z-index:2;background:var(--bg2);height:var(--period-h);padding:0 12px;display:flex;align-items:center;gap:8px}.seg{display:flex;background:var(--bg);border-radius:10px;padding:2px}.seg button{border:0;background:none;padding:7px 10px;border-radius:8px;font-size:13px;cursor:pointer;min-height:36px}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-text);font-weight:600}.period-nav{margin-left:auto;display:flex;align-items:center;gap:2px}.period-nav button{border:0;background:none;width:36px;height:36px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.period-nav strong{font-size:14px;min-width:72px;text-align:center}.tabs{position:relative;z-index:7;display:grid;grid-template-columns:repeat(5,1fr);background:var(--bg);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabs button{border:0;background:none;color:var(--hint);font-size:11px;padding:8px 0 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px}.tabs button .ico{display:inline-flex}.tabs button[aria-selected=true]{color:var(--accent);font-weight:600}.card{background:var(--bg);border-radius:14px;padding:14px}.card h2{font-size:15px;margin:0 0 2px}.card .sub{font-size:12px;color:var(--hint);margin:0 0 10px}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi{background:var(--bg);border-radius:14px;padding:12px;min-width:0}.kpi .label{font-size:13px;color:var(--hint)}.kpi .value{font-size:19px;font-weight:700;margin:4px 0;overflow-wrap:anywhere}.kpi .cmp{font-size:12px;color:var(--hint)}.neg{color:var(--bad-text)}.income{color:var(--good-text)}.num{font-variant-numeric:tabular-nums}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--hint);margin-bottom:6px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.legend i.dash{height:0;border-top:2px dashed var(--other);border-radius:0;width:14px;vertical-align:3px}.chart-tip{background:var(--text);color:var(--bg);font-size:12px;padding:6px 8px;border-radius:8px;line-height:1.5}.recharts-text{fill:var(--hint);font-size:10px}.recharts-wrapper :focus{outline:none}.bars .row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:6px 0;font-size:14px;width:100%;text-align:left;border:0;background:none}.bars button.row{cursor:pointer}.bars .pct{color:var(--hint);font-size:12px;margin-left:6px}.bars .track{grid-column:1 / -1;height:6px;background:var(--bg2);border-radius:4px;overflow:hidden}.bars .fill{height:100%;border-radius:4px}.children{padding:0 0 6px 14px;font-size:13px;color:var(--hint)}.children div{display:flex;justify-content:space-between;padding:3px 0}.search{display:flex;align-items:center;gap:6px;background:var(--bg);border-radius:10px;padding:0 10px}.search input{flex:1;border:0;background:none;color:var(--text);font-size:15px;padding:11px 0;outline:none;min-width:0}.search button{border:0;background:none;color:var(--hint);font-size:16px;cursor:pointer;min-width:36px;min-height:36px}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.chip{flex:none;border:1px solid var(--line);background:var(--bg);border-radius:16px;padding:7px 12px;font-size:13px;cursor:pointer}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.count{font-size:12px;color:var(--hint)}.day{background:var(--bg);border-radius:14px}.day-head{position:sticky;top:var(--period-h);z-index:1;display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:9px 14px;border-radius:14px 14px 0 0;background:color-mix(in srgb,var(--accent) 9%,var(--bg));box-shadow:0 1px 0 var(--line)}.day-head b{font-weight:600}.day-head .day-total{color:var(--hint)}.tx{display:flex;align-items:center;gap:10px;padding:9px 14px;min-height:56px;cursor:pointer;border:0;border-top:1px solid var(--line);background:none;width:100%;text-align:left}.tx:first-of-type{border-top:0}.dot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block}.tx .main{flex:1;min-width:0}.tx .cat{font-size:14px}.tx .note{font-size:12px;color:var(--hint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx .amt{font-size:14px;font-weight:600;white-space:nowrap}.pill{font-size:10px;border:1px solid var(--accent);color:var(--accent);border-radius:8px;padding:0 5px;margin-left:6px;vertical-align:1px}.empty{text-align:center;padding:36px 16px;color:var(--hint)}.empty .ico{color:var(--hint);display:inline-flex}.empty h3{color:var(--text);font-size:16px;margin:8px 0 4px}.empty .actions{margin-top:14px}.full{padding-top:96px}.btn{border:0;background:var(--accent);color:var(--accent-text);border-radius:10px;padding:11px 16px;font-size:15px;font-weight:600;cursor:pointer;min-height:44px}.btn.ghost{background:var(--bg2);color:var(--text);font-weight:500}.btn.block{width:100%}.btn:disabled{opacity:.6;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.budget-line{padding:10px 0;border-top:1px solid var(--line)}.budget-line:first-of-type{border-top:0}.bl-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.bl-head strong{font-size:15px}.badge{font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap}.badge.safe,.badge.reached{background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--good-text)}.badge.warning{background:var(--warn);color:#0b0b0b}.badge.over{background:var(--bad);color:#fff}.badge.notReached{background:var(--bg2);color:var(--hint)}.bl-amt{font-size:13px;color:var(--hint);margin:4px 0 6px}.progress{height:8px;background:var(--bg2);border-radius:4px;overflow:hidden}.progress span{display:block;height:100%;border-radius:4px}.bl-foot{font-size:12px;margin-top:5px;display:flex;justify-content:space-between;gap:8px;color:var(--hint);flex-wrap:wrap}.banner{margin:8px 12px 0;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.4}.banner.demo{background:var(--banner-demo)}.banner.stale{background:var(--banner-stale);display:flex;gap:8px;align-items:center;justify-content:space-between}.banner b{display:block}:root{--tabs-h: calc(52px + env(safe-area-inset-bottom)) }.sheet-backdrop{position:fixed;inset:0 0 var(--tabs-h) 0;background:#0006;z-index:5}.sheet{position:fixed;left:50%;bottom:var(--tabs-h);transform:translate(-50%);width:100%;max-width:480px;background:var(--bg);border-radius:18px 18px 0 0;padding:16px;max-height:calc(85vh - var(--tabs-h));max-height:calc(85dvh - var(--tabs-h));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:6;animation:sheet-up .2s ease}@keyframes sheet-up{0%{transform:translate(-50%,100%)}}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet .big{font-size:26px;font-weight:700;margin:4px 0 12px}.kv{display:grid;grid-template-columns:110px 1fr;gap:8px;font-size:14px;padding:8px 0;border-top:1px solid var(--line);margin:0}.kv dt{color:var(--hint)}.kv dd{margin:0;overflow-wrap:anywhere}pre.raw{white-space:pre-wrap;font:13px/1.45 ui-monospace,Menlo,monospace;background:var(--bg2);padding:10px;border-radius:10px;-webkit-user-select:text;user-select:text}.skel{background:linear-gradient(90deg,var(--bg) 0%,var(--line) 50%,var(--bg) 100%);background-size:200% 100%;animation:skel 1.2s infinite;border-radius:14px}@keyframes skel{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skel,.sheet{animation:none}}.field{display:flex;flex-direction:column;gap:4px;margin:10px 0;font-size:13px}.field input{border:1px solid var(--line);background:var(--bg2);color:var(--text);border-radius:10px;padding:10px;font-size:14px}.err{color:var(--bad-text);font-size:12px;min-height:0}.note-ok{font-size:12px;color:var(--hint);margin-left:8px}.list-kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:14px;border-top:1px solid var(--line)}.list-kv:first-of-type{border-top:0}.warn-list{margin:0;padding-left:18px;font-size:13px;color:var(--hint)}table.data{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}table.data th,table.data td{padding:4px;text-align:right;border-bottom:1px solid var(--line)}table.data th:first-child,table.data td:first-child{text-align:left}details summary{font-size:13px;color:var(--accent);cursor:pointer;margin-top:6px}.banner+.content{padding-top:12px}.controls-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px}.seg-small{background:var(--bg2)}.seg-small button{font-size:12px;padding:6px 9px;min-height:36px}.tone-good{color:var(--good-text);font-weight:600}.tone-bad{color:var(--bad-text);font-weight:600}.title-row{display:flex;align-items:center;gap:6px}.card,.kpi,.hero{position:relative}.info-wrap{display:inline-flex}.info{border:0;background:none;color:var(--hint);width:28px;height:28px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin:-6px 0;padding:0}.info[aria-expanded=true]{color:var(--accent)}.pop{position:absolute;left:12px;right:12px;top:40px;z-index:4;display:block;background:var(--text);color:var(--bg);font-size:13px;line-height:1.5;padding:10px 12px;border-radius:12px;box-shadow:0 8px 24px #0003;text-align:left;font-weight:400}.pop b{display:block;margin-bottom:2px}.expand{border:0;background:none;color:var(--hint);width:36px;height:36px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin:-8px -8px -8px auto;padding:0}.fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--bg);overflow:hidden}.fs-frame{position:absolute;top:0;left:0;transform-origin:top left;display:flex;flex-direction:column;padding:10px 16px 12px}.fs-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.fs-head h2{margin:0;font-size:16px}.fs-close{margin-left:auto;display:inline-flex;align-items:center;gap:4px;min-height:40px}.fs-chart{flex:1;min-height:0;overflow:hidden}.fs-plot{position:relative}.tap-layer{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.tap-layer:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.fs-detail{height:40px;display:flex;align-items:center;gap:12px;font-size:13px;overflow-x:auto;white-space:nowrap;border-top:1px solid var(--line)}.fs-detail .hint{color:var(--hint)}.fs-detail b{font-weight:700}.catico{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--c);background:color-mix(in srgb,var(--c) 14%,var(--bg))}:root[data-theme=dark] .catico{color:color-mix(in srgb,var(--c) 70%,white);background:color-mix(in srgb,var(--c) 26%,var(--bg))}.bars .row.with-icon{grid-template-columns:auto 1fr auto;align-items:center}.kpi .label{display:flex;align-items:center;gap:4px}.kpi.wide{grid-column:1 / -1}.hero{background:var(--hero);color:#fff;border-radius:20px;padding:16px}.hero .label{opacity:.9;font-size:13px}.hero .big{font-size:28px;font-weight:700;margin:4px 0 2px}.hero .big.neg{display:inline-block;background:#fff;color:var(--bad-text);padding:0 10px;border-radius:12px}:root[data-theme=dark] .hero .big.neg{background:#0b0b0b}.hero .cmp{font-size:12px}.hero .row4{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:14px;background:#ffffff1f;border-radius:14px;padding:10px 12px}.hero .row4>div{font-size:11px;opacity:.95}.hero .row4 b{display:block;font-size:15px;margin:2px 0}.hero .tone-good,.hero .tone-bad{background:#fff;padding:0 6px;border-radius:8px}:root[data-theme=dark] .hero .tone-good,:root[data-theme=dark] .hero .tone-bad{background:#0b0b0b}.hero>.info-wrap .info{color:#fff;position:absolute;top:14px;right:10px;margin:0}.hero .mini-label{display:flex;align-items:center;gap:2px}.hero .mini-label .info{color:#fff;width:28px;height:28px;margin:-6px 0}.hero .row4 .cmp{display:block;font-size:11px;line-height:1.5}.hero .pop{top:44px}.skin-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skin-options button{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:10px;text-align:left;cursor:pointer;min-height:44px;font-size:13px;display:flex;align-items:center;gap:8px}.skin-options button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.skin-options i{width:18px;height:18px;border-radius:50%;flex:none}.swatch-indigo{background:linear-gradient(135deg,#4338ca,#7c6ff0)}.swatch-emerald{background:linear-gradient(135deg,#0b7a4b,#23a36b)}.swatch-rose{background:linear-gradient(135deg,#a3285f,#e0558f)}.swatch-telegram{background:linear-gradient(135deg,#2a9fd6,#66c2ef)}