:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--color-bg:#f4f5f7;--color-surface:#fff;--color-surface-subtle:#eef0f4;--color-border:#e2e4e9;--color-text:#333844;--color-text-muted:#6b7280;--color-heading:#111827;--color-accent:#2563eb;--color-accent-contrast:#fff;--color-accent-soft:#2563eb24;--color-danger-bg:#fde8e8;--color-danger-text:#b91c1c;--color-input-bg:#fff;--color-input-border:#d1d5db;--color-input-text:#111827;--color-peak:#f97316;--color-off-peak:#10b981;--color-subscription:#8b5cf6;--shadow-sm:#0f172a0f 0 1px 2px, #0f172a14 0 1px 3px;--shadow-md:#0f172a0f 0 4px 6px, #0f172a14 0 10px 15px;--radius-sm:8px;--radius-md:12px;--transition:.2s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/145% var(--sans);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f1115;--color-surface:#1a1d24;--color-surface-subtle:#20242c;--color-border:#2c313c;--color-text:#d1d5db;--color-text-muted:#9ca3af;--color-heading:#f3f4f6;--color-accent:#60a5fa;--color-accent-contrast:#0b1220;--color-accent-soft:#60a5fa2e;--color-danger-bg:#f8717124;--color-danger-text:#fca5a5;--color-input-bg:#12141a;--color-input-border:#333844;--color-input-text:#f3f4f6;--color-peak:#fb923c;--color-off-peak:#34d399;--color-subscription:#a78bfa;--shadow-sm:#0006 0 1px 3px;--shadow-md:#00000073 0 10px 15px}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--color-bg);color:var(--color-text);transition:background var(--transition), color var(--transition);margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--sans);color:var(--color-heading);font-weight:600}button{font-family:inherit}.dashboard{max-width:1200px;margin:0 auto;padding:24px 24px 64px}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.dashboard-header h1{margin:0;font-size:30px}.dashboard-header p{color:var(--color-text-muted);margin:6px 0 0}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;transition:border-color var(--transition), transform .1s ease;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.theme-toggle:hover{border-color:var(--color-accent)}.theme-toggle:active{transform:scale(.97)}.dashboard-filters{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px;padding:20px;display:grid}.dashboard-field{flex-direction:column;gap:6px;display:flex}.dashboard-filter-action{align-items:end;display:flex}.load-consumption-button{border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);width:100%;min-height:38px;color:var(--color-accent-contrast);cursor:pointer;padding:9px 14px;font-size:14px;font-weight:700}.load-consumption-button:disabled{cursor:wait;opacity:.65}.dashboard-field label{color:var(--color-text-muted);font-size:13px;font-weight:600}.dashboard-field input,.dashboard-field select{border:1px solid var(--color-input-border);border-radius:var(--radius-sm);background:var(--color-input-bg);color:var(--color-input-text);transition:border-color var(--transition), box-shadow var(--transition);padding:9px 10px;font-size:14px}.dashboard-field input:focus-visible,.dashboard-field select:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.dashboard-field select option{background:var(--color-input-bg);color:var(--color-input-text)}.dashboard-summary{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px;display:grid}.summary-card{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:20px}.summary-card h2{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:13px;font-weight:600}.summary-card p{color:var(--color-heading);margin:0;font-size:26px;font-weight:700}.summary-card-percentage{margin-top:4px;font-size:14px;font-weight:700;display:block}.summary-card-peak{color:var(--color-peak)}.summary-card-off-peak{color:var(--color-off-peak)}.dashboard-chart{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:24px}.dashboard-chart h2{margin:0;font-size:18px}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.chart-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.view-toggle{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:999px;padding:3px;display:inline-flex}.view-toggle button{color:var(--color-text-muted);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.view-toggle button.active{background:var(--color-accent);color:var(--color-accent-contrast)}.subscription-toggle{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.subscription-toggle input{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.chart-tooltip{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);padding:10px 12px}.chart-tooltip p{margin:0;font-size:13px;line-height:1.55}.chart-tooltip-peak,.chart-tooltip-off-peak,.chart-tooltip-subscription{align-items:center;gap:6px;font-weight:600;display:flex}.chart-tooltip-peak:before,.chart-tooltip-off-peak:before,.chart-tooltip-subscription:before{content:"";border-radius:50%;width:8px;height:8px}.chart-tooltip-peak{color:var(--color-peak)}.chart-tooltip-peak:before{background:var(--color-peak)}.chart-tooltip-off-peak{color:var(--color-off-peak)}.chart-tooltip-off-peak:before{background:var(--color-off-peak)}.chart-tooltip-subscription{color:var(--color-subscription)}.chart-tooltip-subscription:before{background:var(--color-subscription)}.chart-tooltip-peak span,.chart-tooltip-off-peak span{color:var(--color-text-muted);font-weight:500}.chart-tooltip-date{color:var(--color-heading);font-weight:700;margin-bottom:4px!important}.chart-tooltip-total{border-top:1px solid var(--color-border);color:var(--color-heading);padding-top:4px;font-weight:700;margin-top:4px!important}.dashboard-state{text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:24px;padding:32px}.dashboard-error{border-radius:var(--radius-sm);background:var(--color-danger-bg);color:var(--color-danger-text);margin-bottom:24px;padding:16px}@media (width<=800px){.dashboard{padding:16px 16px 48px}.dashboard-header{flex-direction:column}.dashboard-summary,.dashboard-filters{grid-template-columns:1fr 1fr}.chart-header{flex-direction:column;align-items:stretch}.chart-controls{justify-content:space-between}}@media (width<=480px){.dashboard-summary,.dashboard-filters{grid-template-columns:1fr}}.tariff-configuration{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.tariff-configuration h2{margin-top:0}.tariff-configuration h3{margin-bottom:12px;font-size:16px}.tariff-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px;display:grid}.off-peak-ranges{flex-wrap:wrap;align-items:stretch;gap:12px;margin-bottom:16px;display:flex}.off-peak-range{border-radius:var(--radius-sm);background:var(--color-surface-subtle);border:1px solid var(--color-border);align-items:flex-end;gap:12px;padding:12px 34px 12px 14px;display:flex;position:relative}.off-peak-range .dashboard-field{min-width:96px}.off-peak-range-remove{border:1px solid var(--color-input-border);background:var(--color-surface);width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;display:inline-flex;position:absolute;top:6px;right:6px}.off-peak-range-remove:hover{background:var(--color-danger-bg);border-color:var(--color-danger-text);color:var(--color-danger-text)}.off-peak-range-add{border-radius:var(--radius-sm);border:1px dashed var(--color-accent);min-height:100%;color:var(--color-accent);white-space:nowrap;cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.off-peak-range-add:hover{background:var(--color-accent-soft)}@media (width<=600px){.tariff-fields{grid-template-columns:1fr}.off-peak-range{flex-wrap:wrap;flex:100%}.off-peak-range-add{flex:100%;padding:10px 18px}}