:root{--bg:#f5f6f3;--surface:#fff;--surface-2:#f0f2ee;--text:#1b1f1c;--muted:#5c645e;--border:#dfe3dc;--accent:#0f6e5f;--accent-soft:#e2f1ec;--party-a:#2f5fb3;--party-a-soft:#e6edf9;--party-b:#b4531c;--party-b-soft:#fbece2;--ok:#1d7a46;--ok-soft:#e1f3e8;--warn:#9a5b00;--warn-soft:#fdf0d8;--bad:#b3261e;--bad-soft:#fbe4e2;--radius:12px;--shadow:0 1px 2px #141e190f, 0 2px 8px #141e190a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#121513;--surface:#1a1e1b;--surface-2:#222724;--text:#e8ebe7;--muted:#9aa39c;--border:#2e3430;--accent:#4cc2a8;--accent-soft:#173029;--party-a:#86a9ec;--party-a-soft:#1d2638;--party-b:#f0a070;--party-b-soft:#35231a;--ok:#6fd39b;--ok-soft:#173424;--warn:#f0c060;--warn-soft:#362b14;--bad:#f28b82;--bad-soft:#3a1c1a;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--accent)}h1,h2,h3{margin:0;line-height:1.25}h1{letter-spacing:-.01em;font-size:1.5rem}h2{font-size:1.1rem}h3{font-size:.95rem}p{margin:0}.muted{color:var(--muted)}.small{font-size:.85rem}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.shell{max-width:1120px;margin:0 auto;padding:0 16px 48px}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:16px 0 12px;display:flex}.brand{align-items:center;gap:10px;font-weight:650;display:flex}.brand-mark{background:var(--accent);width:30px;height:30px;color:var(--surface);border-radius:8px;place-items:center;font-size:16px;display:grid}.brand small{color:var(--muted);font-size:.8rem;font-weight:400;display:block}.topbar-right{align-items:center;gap:8px;display:flex}.tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 12px;font-weight:500;text-decoration:none}.tabs a:hover{color:var(--text)}.tabs a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px;margin-bottom:16px;display:flex}.stack{gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.kpi{background:var(--surface-2);border-radius:10px;padding:12px}.kpi .label{color:var(--muted);font-size:.8rem}.kpi .value{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:650}.banner{border-radius:var(--radius);align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.banner.info{background:var(--accent-soft)}.banner.warn{background:var(--warn-soft)}.hero{gap:6px;display:grid}.hero .amount{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2.2rem;font-weight:700}.flow{flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:inline-flex}.party{border-radius:999px;padding:2px 10px;font-size:.9rem;font-weight:600}.party.a{background:var(--party-a-soft);color:var(--party-a)}.party.b{background:var(--party-b-soft);color:var(--party-b)}.ledger{border-collapse:collapse;width:100%}.ledger td{border-bottom:1px solid var(--border);vertical-align:top;padding:7px 0}.ledger tr:last-child td{border-bottom:0}.ledger td:last-child{text-align:right}.ledger .total td{border-top:2px solid var(--text);font-weight:650}.table-wrap{margin:0 -16px;padding:0 16px;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:.88rem}table.data th,table.data td{border-bottom:1px solid var(--border);padding:6px 8px}table.data th{text-align:right;color:var(--muted);vertical-align:bottom;white-space:nowrap;font-size:.78rem;font-weight:600}table.data th:first-child,table.data td:first-child{text-align:left;background:var(--surface);z-index:1;position:sticky;left:0}table.data tfoot td{border-top:2px solid var(--border);border-bottom:0;font-weight:650}table.data .col-a{color:var(--party-a)}table.data .col-b{color:var(--party-b)}table.data input{width:92px}input,select,button{font:inherit}input,select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;min-width:0;padding:7px 9px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}input[type=number]{text-align:right;font-variant-numeric:tabular-nums}label.field{color:var(--muted);gap:4px;font-size:.8rem;display:grid}label.field input,label.field select{width:100%;color:var(--text);font-size:.95rem}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 14px;font-weight:550}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--bad)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.small{padding:4px 10px;font-size:.85rem}.entry{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:10px;padding:12px;display:grid}.entry.new{background:0 0;border-style:dashed}.entry-fields{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.entry-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.entry-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:.82rem;display:flex}.entry-actions{gap:6px;display:flex}.badge{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 9px;font-size:.78rem;font-weight:600;display:inline-block}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.check,.badge.gridTooHigh,.badge.meterCheck,.badge.difference{background:var(--warn-soft);color:var(--warn)}.explain{gap:10px;display:grid}.explain dt{font-weight:650}.explain dd{color:var(--muted);margin:2px 0 0}.login{max-width:380px;margin:12vh auto 0}.login form{gap:12px;display:grid}.error-text{color:var(--bad);font-size:.9rem}@media (max-width:560px){h1{font-size:1.3rem}.hero .amount{font-size:1.8rem}.brand small{display:none}table.data input{width:74px;padding:6px}}.stack>*,.grid-2>*,.kpis>*,.entry-fields>*{min-width:0}.new-bill{background:var(--surface-2);border-style:solid}.new-bill h3{margin-bottom:2px}.pdf-field input[type=file]{background:var(--surface);max-width:100%;padding:6px}.bill-list{border:1px solid var(--border);border-radius:10px;margin:0;padding:0;list-style:none}.bill-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-start;gap:8px 12px;padding:12px;display:flex}.bill-row:last-child{border-bottom:0}.bill-main{flex:260px;gap:4px;min-width:0;display:grid}.bill-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.bill-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.bill-actions{align-items:center;gap:6px;display:flex}.bill-edit>summary{list-style:none;display:inline-block}.bill-edit>summary::-webkit-details-marker{display:none}.bill-edit[open]{border-top:1px dashed var(--border);flex-basis:100%;padding-top:10px}.bill-edit[open]>summary{background:0 0;border:0;padding:0;font-size:0}.bill-edit[open]>summary:before{content:"Schließen ✕";color:var(--muted);cursor:pointer;font-size:.85rem}:root{--viz-a:#2a78d6;--viz-b:#eb6834;--viz-shared:#1baf7a;--viz-pv:#eda100;--viz-grid:#4a3aa7;--viz-line:#e6e8e4;--viz-axis:#c9cdc6}@media (prefers-color-scheme:dark){:root{--viz-a:#3987e5;--viz-b:#d95926;--viz-shared:#199e70;--viz-pv:#c98500;--viz-grid:#9085e9;--viz-line:#2a2f2b;--viz-axis:#3d443f}}.chart{gap:8px;display:grid}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:4px 16px;font-size:.85rem;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.chart-plot{width:100%;min-width:0;position:relative;overflow:hidden}.chart-plot svg{display:block}.chart-grid{stroke:var(--viz-line);stroke-width:1px}.chart-axis{stroke:var(--viz-axis);stroke-width:1px}.chart-tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chart-col path{transition:opacity .12s}.chart-plot:has(.chart-col.is-hover) .chart-col:not(.is-hover) path{opacity:.45}.chart-col rect:focus{outline:none}.chart-col rect:focus-visible{outline:2px solid var(--accent)}.chart-empty{color:var(--muted);place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0 0 26px 52px}.chart-tip{pointer-events:none;z-index:2;background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:3px;min-width:150px;padding:8px 10px;font-size:.82rem;display:grid;position:absolute;top:4px;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.chart-tip[data-side=right]{transform:translate(16px)}.chart-tip[data-side=left]{transform:translate(calc(-100% - 16px))}.chart-tip-title{color:var(--muted);margin-bottom:2px;font-size:.78rem}.chart-tip-row{align-items:center;gap:8px;display:flex}.chart-tip-row i{border-radius:2px;width:12px;height:3px;display:inline-block}.chart-tip-row strong{font-variant-numeric:tabular-nums}.chart-tip-row span{color:var(--muted)}.chart-tip-row.total{border-top:1px solid var(--border);margin-top:2px;padding-top:3px;padding-left:20px}.chart-table summary{cursor:pointer;color:var(--muted)}.chart-table .table-wrap{margin-top:8px}.split{border-radius:4px;gap:2px;height:14px;display:flex;overflow:hidden}.split>span{min-width:2px;display:block}.split-legend{flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:.88rem;display:flex}.split-legend span{align-items:center;gap:6px;display:inline-flex}.split-legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.split-legend strong{font-variant-numeric:tabular-nums}.kpi .dot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.close-form{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.close-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.close-actions .paid{align-items:center;gap:8px;display:inline-flex}label.check{align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.reopen summary{cursor:pointer}.statement{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:22px;padding:24px;display:grid}.statement-bar{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.statement-head{border-bottom:2px solid var(--text);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-bottom:12px;display:flex}.statement-head p{color:var(--muted)}.statement-meta{text-align:right;justify-items:end;gap:2px;font-size:.9rem;display:grid}.statement-result{background:var(--surface-2);border-radius:10px;gap:4px;padding:14px 16px;display:grid}.statement-result span{color:var(--muted);font-size:.85rem}.statement-result strong{font-size:1.4rem}.statement h2{margin-bottom:8px;font-size:1rem}.statement-table{border-collapse:collapse;width:100%;margin-bottom:10px;font-size:.88rem}.statement-table th,.statement-table td{border-bottom:1px solid var(--border);text-align:left;padding:5px 6px}.statement-table th{color:var(--muted);font-size:.8rem;font-weight:600}.statement-table .num{text-align:right}.statement-table .total td,.statement-table tfoot td{border-top:2px solid var(--text);font-weight:650}.statement-foot{color:var(--muted);border-top:1px solid var(--border);padding-top:10px;font-size:.78rem}@media (max-width:560px){.statement{padding:14px}.statement-table{font-size:.78rem}.statement section{overflow-x:auto}.statement-meta{text-align:left;justify-items:start}}@media print{@page{margin:16mm 14mm}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--surface-2:#f2f2f2;--text:#000;--muted:#444;--border:#ccc}body{background:#fff;font-size:11pt}.topbar,.tabs,.banner,.no-print{display:none!important}.shell{max-width:none;padding:0}.statement{box-shadow:none;border:0;gap:16px;padding:0}.statement h2{break-after:avoid}.statement-table tr{break-inside:avoid}}:root{--tone-power:#9a6700;--tone-power-bg:#fdf2d4;--tone-gas:#c2410c;--tone-gas-bg:#fde7db;--tone-sun:#a15c00;--tone-sun-bg:#fff3c4;--tone-misc:#0f6e5f;--tone-misc-bg:#dff1eb;--tone-chart:#4a3aa7;--tone-chart-bg:#ebe9fb;--tone-home:#2f5fb3;--tone-home-bg:#e4ecf9;--tone-guide:#52514e;--tone-guide-bg:#ecebe7}@media (prefers-color-scheme:dark){:root{--tone-power:#f3c255;--tone-power-bg:#3a2f12;--tone-gas:#f59a6a;--tone-gas-bg:#3d2217;--tone-sun:#f5cf52;--tone-sun-bg:#3a3212;--tone-misc:#5fd0b5;--tone-misc-bg:#173029;--tone-chart:#aaa1f0;--tone-chart-bg:#26223f;--tone-home:#8fb2f0;--tone-home-bg:#1d2638;--tone-guide:#c3c2b7;--tone-guide-bg:#2a2d2a}}.chip-icon{border-radius:9px;flex:none;place-items:center;display:inline-grid}.chip-sm{border-radius:7px;width:26px;height:26px}.chip-md{width:32px;height:32px}.chip-lg{border-radius:12px;width:44px;height:44px}.tone-power{color:var(--tone-power);background:var(--tone-power-bg)}.tone-gas{color:var(--tone-gas);background:var(--tone-gas-bg)}.tone-sun{color:var(--tone-sun);background:var(--tone-sun-bg)}.tone-misc{color:var(--tone-misc);background:var(--tone-misc-bg)}.tone-chart{color:var(--tone-chart);background:var(--tone-chart-bg)}.tone-home{color:var(--tone-home);background:var(--tone-home-bg)}.tone-guide{color:var(--tone-guide);background:var(--tone-guide-bg)}.title-row{align-items:center;gap:12px;display:flex}.title-row h1{margin:0}h2.with-icon{align-items:center;gap:10px;display:flex}.tabs a{align-items:center;gap:7px;display:inline-flex}.tabs a svg{opacity:.75}.tabs a[aria-current=page] svg{opacity:1;color:var(--accent)}.brand-mark svg{color:var(--surface)}.bill-main .bill-head strong{align-items:center;gap:10px;display:inline-flex}.btn.with-icon,a.btn.with-icon{align-items:center;gap:6px;display:inline-flex}.kpi .label{align-items:center;gap:6px;display:flex}.banner>svg{color:var(--accent);flex:none;margin-top:1px}.card.accent-power{border-top:3px solid var(--tone-power)}.card.accent-gas{border-top:3px solid var(--tone-gas)}.card.accent-sun{border-top:3px solid var(--tone-sun)}.card.accent-misc{border-top:3px solid var(--tone-misc)}.badge.with-icon,.with-icon.pdf-state{align-items:center;gap:5px;display:inline-flex}.kpi-ic{display:inline-flex}.ready-pill{background:var(--surface-2);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.82rem;display:inline-flex}.ready-pill.is-ok>svg{color:var(--ok)}.with-dot{align-items:center;gap:8px;margin-bottom:6px;display:flex}.dot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.with-dot .dot{margin-right:0}.cost-breakdown{background:var(--surface-2);border-radius:10px;padding:12px 14px}.cost-breakdown .ledger td{border-color:var(--border);font-size:.9rem}.month-costs th .dot{margin-right:5px}.month-costs th.th-left{text-align:left}.mini-split{border-radius:4px;gap:2px;width:120px;height:8px;margin:3px 0 2px;display:flex;overflow:hidden}.mini-split span{display:block}.moved-hint{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.moved-hint h2{font-size:1rem}.guide h2{margin-bottom:10px}.guide-body{gap:10px;max-width:760px;display:grid}.guide-body h3{margin-top:4px;font-size:.92rem}.guide-body ul,.guide-body ol{gap:6px;margin:0;padding-left:20px;display:grid}.guide-steps li::marker{color:var(--accent);font-weight:700}.guide-example{background:var(--surface-2);border-left:3px solid var(--tone-power);border-radius:6px;padding:10px 12px;font-size:.92rem}.card.accent-home{border-top:3px solid var(--tone-home)}.note-overlap{color:var(--tone-chart)}.note-credit{color:var(--ok);font-weight:600}.gas-rule{border-top:3px solid var(--tone-gas);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.gas-rule h2{margin-bottom:6px;font-size:1rem}.gas-rule ul{gap:3px;margin:0;padding-left:18px;display:grid}.note-summer{color:var(--tone-sun);font-weight:600}.submit-btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.submit-btn.is-busy{cursor:progress;opacity:.85}.submit-btn.is-done{background:var(--ok-soft);border-color:var(--ok-soft);color:var(--ok)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pdf-drop-field{flex:280px;min-width:0}.pdf-drop-field>span:first-child{color:var(--muted);font-size:.8rem}.dropzone{border:1.5px dashed var(--border);background:var(--surface);min-height:52px;color:var(--muted);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex;position:relative}.dropzone:hover{border-color:var(--accent)}.dropzone.is-over{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.dropzone.has-file{border-style:solid;border-color:var(--accent);color:var(--accent)}.dropzone.is-disabled{opacity:.6;cursor:not-allowed}.dropzone:focus-within{outline:2px solid var(--accent);outline-offset:1px}.dropzone-text{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;overflow:hidden}.dropzone-clear{flex:none}.meter-shell{gap:16px;max-width:480px;margin:0 auto;padding:14px 16px 40px;display:grid}.meter-top{justify-content:space-between;align-items:center;display:flex}.meter-shell h1{font-size:1.35rem}.meter-status h2{color:var(--muted);margin-bottom:8px;font-weight:600}.meter-status ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.meter-status li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.meter-status li.is-done .with-icon{color:var(--ok);font-weight:600}.meter-form{gap:16px;display:grid}.meter-parties{border:0;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;display:grid}.meter-parties legend{color:var(--muted);margin-bottom:8px;font-size:.85rem}.meter-party{border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;background:var(--surface);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;min-height:56px;font-size:1.05rem;font-weight:700;transition:background .15s,border-color .15s;display:flex}.meter-party.party-a.is-active{border-color:var(--party-a);background:var(--party-a-soft);color:var(--party-a)}.meter-party.party-b.is-active{border-color:var(--party-b);background:var(--party-b-soft);color:var(--party-b)}.meter-party:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.meter-value{color:var(--muted);gap:6px;font-size:.85rem;display:grid}.meter-value input{text-align:center;letter-spacing:.02em;font-variant-numeric:tabular-nums;border-radius:var(--radius);width:100%;padding:12px 14px;font-size:1.9rem;font-weight:700}.meter-hints{gap:2px;min-height:2.6em;display:grid}.meter-hints p{margin:0}.meter-diff{color:var(--ok);font-weight:600}.meter-warn{color:var(--warn);font-weight:600}.meter-date summary{cursor:pointer}.meter-date input{width:100%;margin-top:8px}.meter-save{justify-content:center;width:100%;min-height:54px;font-size:1.05rem}.meter-result{border-radius:var(--radius);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.meter-result p{margin:2px 0 0}.meter-result.is-ok{background:var(--ok-soft,var(--accent-soft));color:var(--ok)}.meter-result.is-error{background:var(--bad-soft,var(--warn-soft));color:var(--bad)}.meter-cta{color:inherit;align-items:center;gap:12px;text-decoration:none;transition:border-color .15s;display:flex}.meter-cta:hover{border-color:var(--tone-gas)}.meter-cta-text{flex:1;gap:2px;min-width:0;display:grid}