@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--plane:#ecf0f3;--surface:#fbfcfd;--surface-2:#f2f5f8;--surface-3:#e5eaef;--ink:#13202f;--ink-2:#4b5a6b;--ink-3:#6f7c8b;--hair:#dde3e9;--hair-2:#c9d2db;--grid:#e3e8ed;--axis:#c3ccd5;--drum:#16202b;--drum-ink:#f3f6f9;--drum-red:#c93529;--drum-red-ink:#fff5f3;--water:#2a78d6;--power:#eda100;--heat:#e34948;--gas:#1baf7a;--good:#0ca30c;--good-ink:#006300;--bad:#d03b3b;--bad-ink:#b3261e;--warn:#fab219;--warn-ink:#7a5300;--focus:#2a78d6;--btn:#13202f;--btn-ink:#fff;--backdrop:#0a101873;--r-l:22px;--r-m:14px;--tabbar-h:62px;--font:"Archivo Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--plane:#0b1118;--surface:#121a23;--surface-2:#19232e;--surface-3:#232f3c;--ink:#e9eef4;--ink-2:#a8b4c1;--ink-3:#8592a1;--hair:#222d39;--hair-2:#33404e;--grid:#1f2a35;--axis:#3a4856;--drum:#04070b;--drum-ink:#edf1f5;--drum-red:#c8392e;--water:#3987e5;--power:#c98500;--heat:#e0475f;--gas:#199e70;--good-ink:#3dc43d;--bad:#e05252;--bad-ink:#ff8a80;--warn-ink:#f2c14e;--focus:#5598e7;--btn:#e9eef4;--btn-ink:#0b1118;--backdrop:#0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--plane:#0b1118;--surface:#121a23;--surface-2:#19232e;--surface-3:#232f3c;--ink:#e9eef4;--ink-2:#a8b4c1;--ink-3:#8592a1;--hair:#222d39;--hair-2:#33404e;--grid:#1f2a35;--axis:#3a4856;--drum:#04070b;--drum-ink:#edf1f5;--drum-red:#c8392e;--water:#3987e5;--power:#c98500;--heat:#e0475f;--gas:#199e70;--good-ink:#3dc43d;--bad:#e05252;--bad-ink:#ff8a80;--warn-ink:#f2c14e;--focus:#5598e7;--btn:#e9eef4;--btn-ink:#0b1118;--backdrop:#0009}*{box-sizing:border-box}html{background:var(--plane);-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--plane);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.4}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{max-width:560px;padding:calc(env(safe-area-inset-top) + 10px) 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 28px);margin:0 auto}.loading{min-height:100vh}h1{letter-spacing:-.015em;margin:10px 0 18px;font-size:28px;font-weight:650;line-height:1.15}h2{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:620}h3{margin:0;font-size:18px;font-weight:620}p{margin:0}.sub{color:var(--ink-2);font-size:15px}.muted{color:var(--ink-3)}.small{font-size:13.5px}.num{font-variant-numeric:tabular-nums}.good{color:var(--good-ink)}.bad{color:var(--bad-ink)}.warn-text{color:var(--warn-ink)}.section-head{justify-content:space-between;align-items:center;gap:12px;margin:30px 0 10px;display:flex}.section-head.tight{margin-top:22px}.panel{background:var(--surface);border-radius:var(--r-l);padding:4px 16px}.panel.pad{padding:16px}.panel+.panel{margin-top:12px}.row{border-top:1px solid var(--hair);align-items:center;gap:12px;padding:13px 0;display:flex}.panel>.row:first-child,.panel>.svc:first-child,.panel>.list-row:first-child,.panel>.meter:first-child,.panel>div:first-child>.list-row:first-child{border-top:0}.grow{flex:1;min-width:0}.right{text-align:right}.list-row{border:0;border-top:1px solid var(--hair);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;width:100%;min-height:50px;padding:13px 0;display:flex}.list-row .val{color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:right}.list-row .chev{color:var(--ink-3);flex:none}.list-row.indent{padding-left:18px}.list-row.indent .label{color:var(--ink-2)}.tag{background:var(--surface-3);color:var(--ink-2);vertical-align:1px;border-radius:999px;padding:2px 8px;font-size:12.5px;font-weight:550;display:inline-block}.tag.warn{background:color-mix(in srgb, var(--warn) 24%, var(--surface));color:var(--warn-ink)}.btn{appearance:none;border-radius:var(--r-m);background:var(--surface-3);height:50px;color:var(--ink);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--btn);color:var(--btn-ink)}.btn-block{width:100%}.btn-small{border-radius:11px;height:36px;padding:0 14px;font-size:14.5px}.btn-ghost{color:var(--ink-2);background:0 0}.btn-danger{color:var(--bad-ink);background:0 0}.btn[disabled]{opacity:.5;cursor:default}.btn-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.icon-btn{appearance:none;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:inline-grid}.icon-btn:active{background:var(--surface-3)}.icon-btn[disabled]{opacity:.3;cursor:default}.link-btn{appearance:none;color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.field{gap:6px;margin:14px 0;display:grid}.field>span{color:var(--ink-2);font-size:14px;font-weight:520}.field .hint{color:var(--ink-3);font-size:13.5px}.input{font:inherit;border:1px solid var(--hair-2);background:var(--surface);height:48px;color:var(--ink);border-radius:12px;width:100%;min-width:0;padding:0 14px;font-size:16px}.input:focus{outline:2px solid var(--focus);outline-offset:-1px}textarea.input{resize:vertical;height:auto;min-height:72px;padding:12px 14px}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-repeat:no-repeat;background-size:5px 5px}input[type=date].input{-webkit-appearance:none;align-items:center;display:flex}.check{align-items:center;gap:10px;margin:12px 0;font-size:15px;display:flex}.check input{width:20px;height:20px;accent-color:var(--ink)}.inline-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.seg{background:var(--surface-3);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.seg button{appearance:none;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:550}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}.chips{scrollbar-width:none;gap:8px;margin:0 -16px 10px;padding:0 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{appearance:none;border:1px solid var(--hair-2);height:34px;color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:14.5px;font-weight:550;display:inline-flex}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--plane)}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.c-voda{--c:var(--water)}.c-elektrina{--c:var(--power)}.c-teplo{--c:var(--heat)}.c-plyn{--c:var(--gas)}.dot[class*=c-]{background:var(--c)}.svc-ic{background:color-mix(in srgb, var(--c) 16%, var(--surface));width:34px;height:34px;color:var(--ink);border-radius:11px;flex:none;place-items:center;display:grid}.svc-ic svg{color:color-mix(in srgb, var(--c) 75%, var(--ink))}.drum{font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;align-items:stretch;gap:.12em;font-weight:620;line-height:1;display:inline-flex}.drum .cell{background:var(--drum);width:1.02em;height:1.5em;color:var(--drum-ink);border-radius:.2em;place-items:center;display:grid;position:relative;overflow:hidden}.drum .cell:after{content:"";pointer-events:none;background:linear-gradient(#ffffff24,#0000 32% 62%,#00000052);position:absolute;inset:0}.drum .cell.dec{background:var(--drum-red);color:var(--drum-red-ink)}.drum .cell.dim{color:color-mix(in srgb, var(--drum-ink) 34%, transparent)}.drum .cell.dec.dim{color:color-mix(in srgb, var(--drum-red-ink) 42%, transparent)}.drum .sep{width:.32em;color:var(--ink-2);place-items:end center;padding-bottom:.08em;display:grid}.drum .unit{color:var(--ink-2);align-self:center;margin-left:.35em;font-size:.62em;font-weight:520}.drum .caret{width:0;margin-left:-.12em;position:relative}.drum .caret:before{content:"";background:var(--focus);border-radius:1px;width:2px;animation:1.05s step-end infinite blink;position:absolute;top:12%;bottom:12%;left:.03em}@keyframes blink{50%{opacity:0}}.drum.size-l{font-size:clamp(14px, calc((100vw - 126px) / (var(--cells,8) * 1.14 + 1.9)), 26px)}.drum.size-m{font-size:19px}.drum.size-s{font-size:14px}.drum-field{background:var(--surface-2);border:1px solid var(--hair);border-radius:16px;align-items:center;padding:10px 12px;display:flex;position:relative;overflow:hidden}.drum-field.focused{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}.drum-field.invalid{border-color:var(--warn)}.drum-field{cursor:text}.drum-field.has-value{padding-right:44px}.drum-key{opacity:0;pointer-events:none;color:#0000;caret-color:#0000;background:0 0;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;top:0;left:0}.drum .cell.active{box-shadow:0 0 0 2px var(--focus)}.drum-clear{background:var(--surface-3);width:34px;height:34px;color:var(--ink-2);cursor:pointer;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.drum-hint{color:var(--ink-2);margin-top:6px;font-size:13.5px}.top-bar{justify-content:space-between;align-items:center;gap:8px;margin:4px 0 14px;display:flex}.month-switch{align-items:center;gap:2px;margin-left:-10px;display:flex}.month-switch .label{min-width:0;padding:0 2px;font-size:20px;font-weight:620}.hero-block{margin:6px 0 22px}.hero{letter-spacing:-.03em;margin:0 0 8px;font-size:54px;font-weight:620;line-height:1}.hero .cur{letter-spacing:0;color:var(--ink-2);margin-left:.18em;font-size:.5em;font-weight:560}.compare{align-items:center;gap:7px;margin-top:10px;font-size:15px;font-weight:520;display:flex}.mbar{background:var(--surface-3);border-radius:4px;height:8px;margin:12px 0 0;position:relative}.mbar .fill{border-radius:4px;position:absolute;top:0;bottom:0}.mbar .fill.ok{background:var(--good)}.mbar .fill.over{background:var(--bad)}.mbar .fill.est{opacity:.38}.mbar .tick{background:var(--ink);border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-5px;bottom:-5px}.mbar.thin{border-radius:2px;height:4px;margin-top:8px}.mbar.thin .fill{border-radius:2px}.mbar.thin .tick{top:-4px;bottom:-4px}.svc{border-top:1px solid var(--hair)}.svc-btn{appearance:none;text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:12px;width:100%;padding:14px 0;display:flex}.svc-main{flex:1;min-width:0}.svc-line{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.svc-name{font-size:17px;font-weight:600}.svc-cost{white-space:nowrap;font-size:17px;font-weight:600}.svc-meta{color:var(--ink-2);margin-top:2px;font-size:14px}.svc-detail{gap:6px;padding:0 0 14px 46px;font-size:14.5px;display:grid}.svc-detail .line{justify-content:space-between;gap:10px;display:flex}.svc-detail .line .k{color:var(--ink-2)}.banner{background:var(--surface);border-radius:18px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.banner .ic{flex:none;margin-top:1px}.banner .body{flex:1;gap:4px;min-width:0;display:grid}.banner .title{font-weight:620}.banner .text{color:var(--ink-2);font-size:14.5px}.banner.dark{background:var(--drum);color:var(--drum-ink)}.banner.dark .text{color:color-mix(in srgb, var(--drum-ink) 72%, transparent)}.banner.dark .btn-primary{background:var(--drum-ink);color:var(--drum)}.banner.warn .ic{color:var(--warn-ink)}.banner .actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.todo{gap:2px;margin-top:4px;display:grid}.todo button{appearance:none;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 0;font-size:15px;display:flex}.todo .box{border:1.5px solid var(--hair-2);border-radius:6px;flex:none;place-items:center;width:20px;height:20px;display:grid}.todo .done .box{background:var(--ink);border-color:var(--ink);color:var(--plane)}.todo .done span:last-child{color:var(--ink-3);text-decoration:line-through}.next-reading{color:var(--ink-2);align-items:center;gap:8px;margin:-8px 0 18px;font-size:14.5px;display:flex}.chart{padding:14px 0 6px;position:relative}.chart svg{width:100%;display:block;overflow:visible}.chart .grid{stroke:var(--grid);stroke-width:1px;shape-rendering:crispedges}.chart .base{stroke:var(--axis);stroke-width:1px;shape-rendering:crispedges}.chart text{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11.5px;font-family:var(--font)}.chart text.sel{fill:var(--ink);font-weight:620}.chart .band{fill:var(--surface-2)}.chart .adv{stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.chart .ly{fill:var(--surface);stroke:var(--ink-2);stroke-width:1.5px}.chart .hit{fill:#0000;cursor:pointer;outline:none}.chart .hit:focus-visible{stroke:var(--focus);stroke-width:2px}.f-voda{fill:var(--water)}.f-elektrina{fill:var(--power)}.f-teplo{fill:var(--heat)}.f-plyn{fill:var(--gas)}.f-voda.est{fill:color-mix(in srgb, var(--water) 34%, var(--surface))}.f-elektrina.est{fill:color-mix(in srgb, var(--power) 38%, var(--surface))}.f-teplo.est{fill:color-mix(in srgb, var(--heat) 34%, var(--surface))}.f-plyn.est{fill:color-mix(in srgb, var(--gas) 34%, var(--surface))}.readout{border-top:1px solid var(--hair);gap:5px;padding:12px 0;font-size:14.5px;display:grid}.readout .line{justify-content:space-between;gap:12px;display:flex}.readout .k{color:var(--ink-2);align-items:center;gap:8px;display:inline-flex}.legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 14px;padding:2px 0 12px;font-size:13px;display:flex}.key{align-items:center;gap:6px;display:inline-flex}.key .sw{background:var(--c,var(--ink-3));border-radius:3px;width:10px;height:10px}.key .sw.est{background:var(--surface-3)}.key .ln{background:var(--ink);border-radius:1px;width:14px;height:2px}.key .ring{border:1.5px solid var(--ink-2);border-radius:50%;width:9px;height:9px}table.data{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}table.data th,table.data td{border-top:1px solid var(--hair);text-align:right;padding:8px 4px}table.data th:first-child,table.data td:first-child{text-align:left}table.data th{color:var(--ink-2);border-top:0;font-weight:550}table.data tr.sel td{font-weight:620}.table-wrap{margin:0 -4px;overflow-x:auto}.bill{border-top:1px solid var(--hair);gap:6px;padding:14px 0;display:grid}.panel>.bill:first-child{border-top:0}.bill-head{align-items:center;gap:10px;display:flex}.bill-head .period{color:var(--ink-3);margin-left:auto;font-size:13.5px}.bill-result{align-items:center;gap:8px;margin-top:2px;font-size:18px;font-weight:620;display:flex}.bill-figs{color:var(--ink-2);flex-wrap:wrap;gap:18px;font-size:14.5px;display:flex}.bill-figs b{color:var(--ink);font-weight:600}.date-row{align-items:flex-end;gap:10px;display:flex}.date-row .field{flex:1;margin:0}.group-title{align-items:center;gap:10px;margin:26px 0 10px;display:flex}.meter{border-top:1px solid var(--hair);gap:8px;padding:16px 0;display:grid}.meter-head{align-items:center;gap:10px;min-height:40px;display:flex}.meter-name{flex:1;font-size:17px;font-weight:600}.meter-prev{color:var(--ink-2);margin-top:-6px;font-size:14px}.meter-calc{color:var(--ink-2);flex-wrap:wrap;gap:4px 14px;font-size:14.5px;display:flex}.meter-calc b{color:var(--ink);font-weight:620}.meter-warn{color:var(--warn-ink);align-items:flex-start;gap:8px;font-size:14.5px;display:flex}.meter-warn svg{flex:none;margin-top:1px}.thumb{object-fit:cover;background:var(--surface-3);border-radius:10px;width:40px;height:40px;display:block}.thumb-btn{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0;position:relative}.save-bar{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 10px);z-index:5;margin-top:22px;position:sticky}.save-bar .btn{box-shadow:0 6px 20px #0a10182e}.day-head{justify-content:space-between;align-items:baseline;margin:22px 0 8px;display:flex}.day-head .d{font-weight:620}.hist-row{border:0;border-top:1px solid var(--hair);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;padding:12px 0;display:flex}.panel>.hist-row:first-child{border-top:0}.hist-row .name{flex:1;min-width:0}.hist-row .name small{color:var(--ink-3);font-size:13px;display:block}.hist-row .vals{text-align:right;font-variant-numeric:tabular-nums}.hist-row .vals small{color:var(--ink-2);font-size:13px;display:block}.empty{text-align:center;color:var(--ink-2);justify-items:center;gap:14px;padding:36px 12px;display:grid}.tabbar{z-index:20;background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-top:1px solid var(--hair);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.tabbar nav{max-width:560px;height:var(--tabbar-h);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.tab{appearance:none;color:var(--ink-3);cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:3px;font-size:12px;font-weight:560;display:grid;position:relative}.tab[aria-current=page]{color:var(--ink)}.tab .tab-ic{border-radius:10px;place-items:center;height:28px;padding:0 12px;display:grid}.tab.primary .tab-ic{background:var(--drum);color:var(--drum-ink)}.tab .badge{background:var(--bad);border:2px solid var(--surface);border-radius:50%;width:9px;height:9px;position:absolute;top:7px;left:calc(50% + 12px)}.sheet-backdrop{z-index:50;background:var(--backdrop);justify-content:center;align-items:flex-end;animation:.18s ease-out fade;display:flex;position:fixed;inset:0}.sheet{overscroll-behavior:contain;background:var(--surface);width:100%;max-width:560px;max-height:90dvh;padding:6px 18px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;animation:.24s cubic-bezier(.2,.8,.2,1) rise;overflow:auto}.sheet .grab{background:var(--hair-2);border-radius:2px;width:40px;height:4px;margin:6px auto 8px}.sheet-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.sheet .note{color:var(--ink-2);margin:6px 0 10px;font-size:14px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.4;transform:translateY(40px)}}.photo-full{border-radius:14px;width:100%;margin:8px 0;display:block}.toast{left:50%;top:calc(env(safe-area-inset-top) + 12px);background:var(--btn);color:var(--btn-ink);z-index:70;border-radius:14px;max-width:calc(100% - 32px);padding:12px 18px;font-size:15px;font-weight:520;animation:.2s ease-out fade;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0a101840}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}