:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--chart-mpan-1:#2358d8;--chart-mpan-2:#e2793d;--chart-mpan-3:#2fa88f;--chart-mpan-1-offpeak:#c3d7fc;--chart-mpan-2-offpeak:#eba177;--chart-mpan-3-offpeak:#69c0ae;--chart-stdchg:#c9a227;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--chart-mpan-1:#4a8dff;--chart-mpan-2:#ff9d5c;--chart-mpan-3:#4fd6b8;--chart-mpan-1-offpeak:#c7ddff;--chart-mpan-2-offpeak:#ffc6a0;--chart-mpan-3-offpeak:#9ee8d8;--chart-stdchg:#f0c14b;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);width:100%;max-width:440px;max-height:80vh;box-shadow:var(--shadow);box-sizing:border-box;text-align:left;border-radius:8px;padding:24px;overflow-y:auto}.modal__title{margin:0 0 12px;font-size:20px}.modal__body{color:var(--text);font-size:14px}.modal__body p{margin:0 0 8px}.modal__body dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;display:grid}.modal__body dt{color:var(--text)}.modal__body dd{color:var(--text-h);text-align:right;margin:0}.modal__body .modal__error{color:#d64545;margin:0 0 12px}.modal__actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.modal__actions button{font:inherit;cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600}.modal__actions .modal__button--secondary{border:1px solid var(--border);color:var(--text-h);background:0 0}.modal__actions .modal__button--primary{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent)}.modal__actions .modal__button--danger{color:#d64545;background:#d645451a;border:1px solid #d6454580}.password-input{display:flex;position:relative}.password-input input[type]{flex:auto;min-width:0;padding-right:36px}.password-input .password-input__toggle{width:28px;height:28px;color:var(--text-h);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-input .password-input__toggle:hover{color:var(--text);background:var(--border)}.password-input .password-input__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth-screen{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-screen__card{border:1px solid var(--border);text-align:left;box-sizing:border-box;border-radius:8px;width:100%;max-width:380px;padding:32px}.auth-screen__title{text-align:left;margin:0 0 8px;font-size:28px}.auth-screen__subtitle{margin:0 0 24px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form__field{color:var(--text-h);flex-direction:column;gap:6px;font-size:14px;display:flex}.auth-form__field input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);box-sizing:border-box;border-radius:6px;padding:8px 10px;font-size:15px}.auth-form__error{color:#d64545;margin:0;font-size:14px}.auth-form__submit{font:inherit;border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);cursor:pointer;border-radius:6px;padding:10px 16px;font-size:15px;font-weight:600}.auth-form__submit:disabled{opacity:.6;cursor:default}.change-password-settings{box-sizing:border-box;text-align:left;width:100%;max-width:420px;margin:0 auto;padding:48px 24px}.change-password-settings h1{margin:0 0 24px;font-size:26px}.change-password-settings__form{flex-direction:column;gap:16px;display:flex}.change-password-settings__form label{color:var(--text-h);flex-direction:column;gap:6px;font-size:14px;display:flex}.change-password-settings__form input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);box-sizing:border-box;border-radius:6px;padding:8px 10px;font-size:15px}.change-password-settings__form button{font:inherit;border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);cursor:pointer;border-radius:6px;align-self:flex-start;height:38px;padding:10px 16px;font-size:15px;font-weight:600}.change-password-settings__error{color:#d64545;margin-top:16px}.change-password-settings__success{color:var(--text-h);margin-top:16px}.manage-data{box-sizing:border-box;text-align:left;width:100%;max-width:960px;margin:0 auto;padding:48px 24px}.manage-data h1{margin:0;font-size:26px}.manage-data__error{color:#d64545}.manage-data__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:24px;display:grid}.meter-card{border:1px solid var(--border);border-radius:8px;padding:20px}.meter-card__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.meter-card__header h2{text-transform:capitalize;margin:0}.meter-card__badge{color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600}.meter-card__list{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;display:grid}.meter-card__list dt{color:var(--text);font-size:14px}.meter-card__list dd{color:var(--text-h);word-break:break-word;margin:0;font-size:14px}.manage-data__section{margin-top:40px}.manage-data__section h2{margin:0 0 8px;font-size:18px}.manage-data__section-intro{color:var(--text);margin:0 0 16px;font-size:14px}.day-night-table{border-collapse:collapse;width:100%;font-size:14px}.day-night-table th,.day-night-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}.day-night-table th{color:var(--text);font-weight:600}.day-night-table td{color:var(--text-h)}.day-night-table__actions{justify-content:flex-end;gap:8px;display:flex}.day-night-table__actions button{font:inherit;border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.day-night-table__actions button.day-night-table__delete{color:#d64545;background:#d645451a;border-color:#d6454580}.day-night-modal__field{color:var(--text);flex-direction:column;gap:6px;margin-bottom:16px;font-size:14px;display:flex}.day-night-modal__field:last-child{margin-bottom:0}.day-night-modal__field select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;padding:8px 10px;font-size:15px}.manage-data__actions{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:40px;display:grid}.manage-data__action-card{border:1px solid var(--border);border-radius:8px;padding:20px}.manage-data__action-card h2{margin:0 0 8px;font-size:18px}.manage-data__action-card p{color:var(--text);margin:0 0 16px;font-size:14px}.manage-data__checkbox{color:var(--text-h);cursor:pointer;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.manage-data__checkbox input{cursor:pointer}.manage-data__action-card button{font:inherit;border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600}.manage-data__action-card button:disabled{opacity:.6;cursor:default}.integrity-report__mpan{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:20px}.integrity-report__mpan:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.integrity-report__mpan h3{color:var(--text-h);margin:0 0 10px;font-size:15px}.integrity-report__category{margin-bottom:10px}.integrity-report__category:last-child{margin-bottom:0}.integrity-report__category-title{color:var(--text-h);margin:0 0 2px;font-weight:600}.integrity-report__ok{color:var(--text);margin:0}.integrity-report__gaps{color:#d64545;margin:4px 0 0;padding-left:18px}.manage-users{box-sizing:border-box;text-align:left;width:100%;max-width:720px;margin:0 auto;padding:48px 24px}.manage-users h1{margin:0;font-size:26px}.manage-users h2{margin-top:32px}.manage-users__error{color:#d64545}.manage-users__table{border-collapse:collapse;width:100%;margin-top:16px}.manage-users__table th,.manage-users__table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 12px;font-size:14px}.manage-users__table th{color:var(--text);font-weight:500}.manage-users__table td{color:var(--text-h)}.manage-users__table button{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:13px}.manage-users__form{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:16px;display:flex}.manage-users__form label{color:var(--text-h);flex-direction:column;gap:6px;font-size:14px;display:flex}.manage-users__form input,.manage-users__form select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);box-sizing:border-box;border-radius:6px;padding:8px 10px;font-size:15px}.manage-users__form button{font:inherit;border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);cursor:pointer;border-radius:6px;height:38px;padding:10px 16px;font-size:15px;font-weight:600}.usage-bar-chart{border:1px solid var(--border);box-sizing:border-box;border-radius:8px;margin:8px 0 24px;padding:12px}.usage-bar-chart__legend{color:var(--text);flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:8px;font-size:12px;display:flex}.usage-bar-chart__legend-entry{align-items:center;gap:6px;display:inline-flex}.usage-bar-chart__legend-swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.usage-bar-chart__legend-swatch--missing{background-image:repeating-linear-gradient(45deg, var(--text) 0, var(--text) 1px, transparent 1px, transparent 4px), repeating-linear-gradient(-45deg, var(--text) 0, var(--text) 1px, transparent 1px, transparent 4px)}.usage-page{box-sizing:border-box;text-align:left;width:100%;max-width:1600px;margin:0 auto;padding:20px 24px 48px}.usage-page h1{margin:0;font-size:26px}.usage-page__heading-row{justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;display:flex}.usage-page__view-toggles{gap:8px;display:flex}.usage-page__view-toggles button{border:1px solid var(--border);background:var(--bg);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.usage-page__view-toggles button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.usage-page__view-toggles button.active{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}.usage-page__view-toggles button:disabled{cursor:default}.usage-page__chart-section{margin-top:8px}.usage-page__chart-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:8px;display:flex}.usage-page__metric-toggle{flex-wrap:wrap;gap:8px;display:flex}.usage-page__chart-total{color:var(--text-h);font-size:14px;font-weight:600}.usage-page__metric-toggle button{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.usage-page__metric-toggle button.active{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}.usage-page__error{color:#d64545}.usage-page__insights-section{border:1px solid var(--border);box-sizing:border-box;border-radius:8px;margin:8px 0 24px;padding:16px 20px}.usage-page__insights-category+.usage-page__insights-category{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.usage-page__insights-title{color:var(--text-h);margin:0 0 12px;font-size:16px}.usage-page__insights-subheading{text-transform:uppercase;letter-spacing:.04em;color:var(--text);margin:0 0 8px;font-size:12px;font-weight:600}.usage-page__stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.usage-page__stat-tile{border:1px solid var(--border);background:var(--code-bg);border-radius:6px;padding:10px 12px}.usage-page__stat-label{color:var(--text);font-size:12px}.usage-page__stat-value{color:var(--text-h);white-space:normal;margin-top:3px;font-size:15px;font-weight:600}.usage-page__insights-empty{color:var(--text);font-size:14px}.usage-page__controls{gap:20px;margin:24px 0;display:flex}.usage-page__controls label{color:var(--text);flex-direction:row;align-items:center;gap:8px;font-size:14px;display:flex}.usage-page__controls select,.usage-page__controls input[type=date]{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;padding:8px 10px;font-size:15px}.usage-page__month-nav{gap:8px;margin-left:auto;display:flex}.usage-page__month-nav button{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;border-radius:6px;padding:8px 10px;font-size:20px;font-weight:600;line-height:1}.usage-page__month-nav button:hover{border-color:var(--accent);color:var(--accent)}.usage-page__mpan-toggles{flex-wrap:wrap;gap:8px 24px;margin-bottom:16px;display:flex}.usage-page__mpan-toggle{color:var(--text-h);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.usage-page__mpan-toggle input{cursor:pointer}.usage-page__table-wrap{border:1px solid var(--border);border-radius:8px;max-height:380px;margin-top:8px;overflow:auto}.usage-page__missing-cell{color:#666;cursor:help}.usage-page__missing-legend{color:var(--text);margin:6px 2px 0;font-size:12px}.usage-page__missing-legend-highlight{color:#666;font-weight:600}.usage-page__table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:11px;line-height:1.3}.usage-page__table th,.usage-page__table td{text-align:right;box-shadow:inset 0 -1px 0 var(--border);padding:4px 5px}.usage-page__table td{white-space:nowrap}.usage-page__table tbody td{padding:2px 5px}.usage-page__table th{white-space:normal;line-height:1.25}.usage-page__label-col{text-align:left;white-space:nowrap}.usage-page__table th.usage-page__mpan-header{text-align:center}.usage-page__table thead th.usage-page__label-col{vertical-align:bottom}.usage-page__table thead{z-index:2;position:sticky;top:0}.usage-page__table thead th{color:var(--text);background:var(--bg);border-bottom:1px solid var(--border);font-weight:600}.usage-page__table thead tr:last-child th{box-shadow:inset 0 -2px 0 var(--border)}.usage-page__table tfoot{z-index:2;position:sticky;bottom:0}.usage-page__table tfoot td{background:var(--bg)}.usage-page__group-start{border-left:2px solid var(--border)}.usage-page__total-row td{box-shadow:inset 0 2px 0 var(--border), inset 0 -1px 0 var(--border);color:var(--accent);padding-top:8px;font-weight:600}.usage-page__average-row td{color:var(--accent);padding-top:2px;padding-bottom:2px;font-weight:600}@media (width<=640px){.usage-page{padding:16px 12px 32px}.usage-page__controls,.usage-page__mpan-toggles{gap:8px 12px}.usage-page__chart-toolbar{gap:8px}.usage-page__month-nav{margin-left:0}.usage-page__stat-grid{grid-template-columns:1fr}}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.app-nav__title{color:var(--text-h);font-weight:600}.app-nav__links{gap:8px;display:flex}.app-nav__links button{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:14px}.app-nav__links button:hover{color:var(--text-h)}.app-nav__links button.active{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border)}.app-nav__dropdown{position:relative}.app-nav__dropdown-panel{background:var(--bg);border:1px solid var(--border);min-width:160px;box-shadow:var(--shadow);z-index:10;border-radius:6px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.app-nav__dropdown-panel button{text-align:left;white-space:nowrap;width:100%;display:block}.app-nav__mobile-tabs{border-bottom:1px solid var(--border);gap:4px;padding:8px 10px;display:flex}.app-nav__mobile-tabs button{min-width:0;font:inherit;color:var(--text);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;text-align:center;cursor:pointer;background:0 0;border-radius:999px;flex:1 1 0;padding:6px 2px;font-size:12px;overflow:hidden}.app-nav__mobile-tabs button.active{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border)}