:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f2f7;--bg-elevated:#fff;--surface:#fff;--surface-2:#f7f7f9;--surface-3:#ececf1;--ink:#08080b;--ink-2:#6b6b74;--ink-3:#98989f;--line:#08080b12;--line-strong:#08080b21;--accent:#0071e3;--cold:#0a84ff;--hot:#ff453a;--power:#ff9f0a;--drain:#8e8e93;--ok:#28a745;--warn:#b25000;--shadow-card:0 1px 2px #08080b0a, 0 16px 40px -24px #08080b2e;--shadow-float:0 -1px 0 #08080b0d, 0 -18px 40px -24px #08080b38;--radius-card:24px;--radius-control:14px;--tab-height:62px;--cta-h:64px;--ease:cubic-bezier(.32, .72, 0, 1)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000003;--bg-elevated:#1c1c1e;--surface:#1c1c1e;--surface-2:#26262a;--surface-3:#333338;--ink:#f5f5f7;--ink-2:#a1a1a9;--ink-3:#77777f;--line:#ffffff17;--line-strong:#ffffff2b;--accent:#0a84ff;--ok:#30d158;--warn:#ff9f0a;--shadow-card:0 1px 2px #00000080, 0 20px 44px -26px #000000e6;--shadow-float:0 -1px 0 #ffffff0f, 0 -20px 44px -26px #000000e6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);letter-spacing:-.012em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI Variable Text,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.35}button,input{font:inherit;color:inherit;letter-spacing:inherit}.app{min-height:100%;padding-bottom:calc(var(--tab-height) + env(safe-area-inset-bottom,0px) + 20px);flex-direction:column;display:flex}.screen{animation:fade .3s var(--ease);padding:4px 16px 8px}.screen>:not(.cta):not(.cta-space):not(.sheet){animation:rise .42s var(--ease) backwards}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.stack{gap:12px;display:grid}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:640}.headline{letter-spacing:-.028em;margin:0;font-size:30px;font-weight:700;line-height:1.12}.subline{color:var(--ink-2);margin:2px 0 0;font-size:14px;font-weight:460}.value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.hero{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);padding:22px 20px 20px;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(60% 60% at 50% 0%, var(--hero-glow,#0071e321), transparent 70%);pointer-events:none;height:200%;position:absolute;inset:-60% -30% auto}.hero-amount{letter-spacing:-.035em;align-items:baseline;gap:6px;margin-top:10px;font-size:46px;font-weight:700;line-height:1.02;display:flex}.hero-amount .currency{color:var(--ink-3);letter-spacing:-.01em;font-size:22px;font-weight:560}.hero-meta{color:var(--ink-2);flex-wrap:wrap;gap:6px 14px;margin-top:14px;font-size:13px;display:flex}.chip{background:var(--surface-2);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:560;display:inline-flex}.chip.up{color:var(--hot);background:#ff453a1f}.chip.down{color:var(--ok);background:#30d15824}.chip .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.month{background:var(--surface-2);border-radius:999px;justify-content:space-between;align-items:center;gap:8px;margin:18px 0 14px;padding:6px;display:flex}.month-label{letter-spacing:-.015em;font-size:15px;font-weight:620}.month>button{background:var(--surface);width:34px;height:34px;color:var(--ink);cursor:pointer;transition:transform .18s var(--ease), opacity .18s;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 1px 2px #08080b14}.month>button:active{transform:scale(.92)}.month>button:disabled{opacity:.35;cursor:default}.month .month-pick{background:var(--surface);width:auto;height:auto;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;display:inline-flex;box-shadow:0 1px 2px #08080b14}.month .month-pick svg{width:17px;height:17px;color:var(--accent);flex:none}.sheet{z-index:30;animation:sheet-fade .2s var(--ease) both;background:#08080b57;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes sheet-fade{0%{opacity:0}}.sheet-panel{background:var(--bg-elevated);width:100%;padding:16px 16px calc(18px + env(safe-area-inset-bottom,0px));animation:sheet-rise .3s var(--ease) both;border-radius:24px 24px 0 0;max-height:100%;overflow-y:auto}@keyframes sheet-rise{0%{opacity:.6;transform:translateY(28px)}}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sheet-close{background:var(--surface-2);width:30px;height:30px;color:var(--ink-2);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.sheet-close svg{width:14px;height:14px}.year-row{scrollbar-width:none;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.year-row::-webkit-scrollbar{display:none}.year-row button{border:1px solid var(--line-strong);background:var(--surface);white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink-2);cursor:pointer;border-radius:999px;flex:none;padding:8px 15px;font-size:14px;font-weight:600}.year-row button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.month-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.month-grid button{border:1px solid var(--line);background:var(--surface);color:var(--ink);text-transform:lowercase;cursor:pointer;border-radius:14px;padding:13px 4px;font-size:14px;font-weight:560}.month-grid button[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 14%, var(--surface));border-color:var(--accent);color:var(--accent);font-weight:680}.month-grid button:disabled{opacity:.32;cursor:default}.sheet-foot{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.sheet-foot .btn{width:100%;padding:13px 16px;font-size:15px}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.card+.card{margin-top:12px}.card-title{padding:18px 18px 4px}.card-title.tap{width:100%;font:inherit;text-align:left;cursor:pointer;color:var(--ink-3);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 8px;display:flex}.card-title.tap .tail{color:var(--ink-3);align-items:center;gap:6px;font-size:13px;font-weight:540;display:inline-flex}.card-title.tap svg{width:15px;height:15px;transition:transform .22s var(--ease)}.card-title.tap[aria-expanded=true] svg{transform:rotate(180deg)}.row{border-top:1px solid var(--line);align-items:center;gap:14px;padding:14px 18px;display:flex}.row:first-of-type{border-top:0}.badge{background:var(--tone-soft,var(--surface-2));width:38px;height:38px;color:var(--tone,var(--accent));border-radius:12px;flex:none;place-items:center;font-size:17px;display:grid}.row-main{flex:1;min-width:0}.row-label{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:550;overflow:hidden}.row-sub{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px}.row-value{text-align:right;white-space:nowrap;font-size:15px;font-weight:620}.row-value small{color:var(--ink-3);margin-top:2px;font-size:11px;font-weight:500;display:block}.row-value small.up{color:var(--hot)}.row-value small.down{color:var(--ok)}.field{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;min-height:62px;padding:10px 16px;display:flex}.field:first-of-type{border-top:0}.field-label{flex:88px;min-width:0}.field .row-label{white-space:normal;overflow-wrap:break-word}.field .input-wrap{flex:none}.field .input-wrap input{width:88px}.field .input-unit{min-width:30px}@media (width<=359px){.field .input-wrap{margin-left:auto}}.input-wrap{background:var(--surface-2);border-radius:var(--radius-control);transition:border-color .2s var(--ease), background .2s var(--ease);border:1px solid #0000;align-items:baseline;gap:6px;padding:8px 12px;display:flex}.input-wrap:focus-within{border-color:var(--accent);background:var(--surface)}.input-wrap input{text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;width:104px;font-size:17px;font-weight:600}.input-wrap input::placeholder{color:var(--ink-3);font-weight:400}.input-unit{color:var(--ink-3);min-width:34px;font-size:12px;font-weight:540}.field.invalid .input-wrap{border-color:var(--hot);background:#ff453a14}.hint{color:var(--ink-2);font-size:12px}.label-input{letter-spacing:-.015em;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:15px;font-weight:550}.label-input:focus{color:var(--accent)}.hint.warn{color:var(--warn)}.segmented{background:var(--surface-2);border-radius:12px;gap:2px;padding:2px;display:flex}.segmented button{color:var(--ink-2);cursor:pointer;transition:all .2s var(--ease);background:0 0;border:0;border-radius:10px;flex:1;padding:8px 4px;font-size:13px;font-weight:560}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #08080b24}.switch{background:var(--surface-3);cursor:pointer;width:50px;height:30px;transition:background .24s var(--ease);border:0;border-radius:999px;flex:none;position:relative}.switch:after{content:"";width:26px;height:26px;transition:transform .24s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #08080b4d}.switch[aria-checked=true]{background:var(--ok)}.switch[aria-checked=true]:after{transform:translate(20px)}.btn{letter-spacing:-.01em;background:var(--surface-2);color:var(--ink);cursor:pointer;transition:transform .16s var(--ease), opacity .16s, background .2s;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-size:16px;font-weight:620;display:inline-flex}.btn svg{flex:none;width:17px;height:17px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 26px -14px var(--accent)}.btn-quiet{color:var(--ink-2);background:0 0;padding:10px 6px;font-weight:540}.btn-danger{color:var(--hot);background:#ff453a1f}.cta{left:0;right:0;bottom:calc(var(--tab-height) + env(safe-area-inset-bottom,0px));z-index:4;box-sizing:border-box;height:var(--cta-h);background:linear-gradient(to top, var(--bg) 80%, color-mix(in srgb, var(--bg) 45%, transparent) 95%, transparent);-webkit-backdrop-filter:saturate(160%)blur(14px);pointer-events:none;transition:opacity .16s var(--ease);align-items:center;gap:8px;padding:8px 14px;display:flex;position:fixed}.cta-space{height:calc(var(--cta-h) + 16px)}.cta>*{pointer-events:auto}.cta .btn{white-space:nowrap;border-radius:14px;min-width:0;padding:11px 12px;font-size:14.5px;font-weight:600}.cta .btn-primary{flex:1}.cta .btn-send{background:color-mix(in srgb, var(--accent) 14%, var(--surface));color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);flex:none;gap:6px;padding:11px 12px}.cta .btn-send svg{width:16px;height:16px}html[data-kb] .cta{height:52px;padding:6px 12px 10px;bottom:0}html[data-kb] .cta .btn-send{display:none}html[data-kb] .cta .btn{padding:9px 12px}html[data-kb] .tabbar{opacity:0;pointer-events:none}.tabbar{height:calc(var(--tab-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(22px);border-top:1px solid var(--line);z-index:20;transition:opacity .16s var(--ease);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--ink-3);letter-spacing:.01em;cursor:pointer;transition:color .2s var(--ease);background:0 0;border:0;flex:1;place-items:center;gap:3px;padding:8px 0 6px;font-size:10.5px;font-weight:600;display:grid}.tabbar button[aria-selected=true]{color:var(--accent)}.tabbar svg{stroke-width:1.9px;width:24px;height:24px}.chart{justify-content:center;align-items:flex-end;gap:8px;height:168px;padding:18px 16px 0;display:flex}.bar{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:flex-end;gap:6px;min-width:0;max-width:48px;height:100%;padding:0;display:flex}.bar-stack{flex-direction:column;justify-content:flex-end;gap:1.5px;height:100%;display:flex}.bar-seg{width:100%;transition:height .5s var(--ease), opacity .2s;border-radius:0}.bar-seg:first-child{border-radius:5px 5px 0 0}.bar-seg:last-child{border-radius:0 0 5px 5px}.bar-seg.water{background:var(--cold)}.bar-seg.power{background:var(--power)}.bar-seg.drain{background:var(--drain)}.bar-seg.empty{background:var(--surface-3);height:3px}.bar-label{color:var(--ink-3);font-size:10px;font-weight:560}.bar[aria-selected=true] .bar-stack{box-shadow:0 0 0 1.5px var(--ink);border-radius:5px}.bar[aria-selected=true] .bar-label{color:var(--ink)}.bar:not([aria-selected=true]) .bar-seg{opacity:.55}.legend{color:var(--ink-2);gap:14px;padding:0 18px 16px;font-size:11.5px;font-weight:540;display:flex}.legend i{border-radius:3px;width:8px;height:8px;margin-right:6px;display:inline-block}.seg{background:var(--surface-2);border-radius:999px;gap:4px;margin:16px 16px 0;padding:4px;display:flex}.seg button{min-width:0;color:var(--ink-2);white-space:nowrap;cursor:pointer;transition:background .18s var(--ease), color .18s;background:0 0;border:0;border-radius:999px;flex:1 1 0;padding:8px 6px;font-size:13px;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #08080b1a}.range{justify-content:center;align-items:center;gap:8px;margin:12px 16px -6px;display:flex}.range-chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.range-chip svg{width:13px;height:13px;color:var(--ink-3)}.range-dash{color:var(--ink-3)}.version-row{scrollbar-width:none;gap:8px;padding:2px 16px 14px;display:flex;overflow-x:auto}.version-row::-webkit-scrollbar{display:none}.version-row button{border:1px solid var(--line-strong);background:var(--surface);white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink-2);cursor:pointer;border-radius:999px;flex:none;padding:7px 12px;font-size:13px;font-weight:600}.version-row button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.chart.scroll{scrollbar-width:thin;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding-bottom:8px;overflow-x:auto}.chart.scroll .bar{flex:0 0 28px}.chart.scroll .bar-label{font-size:9px}.notice{background:var(--surface-2);color:var(--ink-2);border-radius:18px;gap:10px;padding:13px 16px;font-size:13px;line-height:1.45;display:flex}.notice.warn{color:var(--warn);background:#ff9f0a21}.notice.error{color:var(--hot);background:#ff453a1f}.toast{left:50%;bottom:calc(var(--tab-height) + env(safe-area-inset-bottom,0px) + 96px);background:color-mix(in srgb, var(--ink) 90%, transparent);color:var(--bg);opacity:0;pointer-events:none;transition:opacity .28s var(--ease), transform .28s var(--ease);z-index:40;text-align:center;border-radius:999px;max-width:88vw;padding:11px 18px;font-size:13.5px;font-weight:560;position:fixed;transform:translate(-50%,14px)}.toast.show{opacity:1;transform:translate(-50%)}.skeleton{border-radius:var(--radius-card);background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;height:120px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.center{text-align:center;color:var(--ink-2);place-items:center;gap:14px;padding:72px 24px;display:grid}.empty-mark{background:var(--surface);width:66px;height:66px;box-shadow:var(--shadow-card);border-radius:22px;place-items:center;font-size:28px;display:grid}.divider{background:var(--line);height:1px;margin:4px 0}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}a{color:var(--accent)}
/*$vite$:1*/