:root{--bu-primary:#0055B3;--bu-primary-dark:#003E8A;--bu-primary-light:#E8F1FF;--bu-primary-mid:#3B82F6;--bu-success:#16a34a;--bu-warning:#d97706;--bu-danger:#dc2626;--bu-info:#0891b2;--bu-text:#111827;--bu-text-muted:#6b7280;--bu-text-light:#9ca3af;--bu-bg:#ffffff;--bu-bg-alt:#f9fafb;--bu-border:#e5e7eb;--bu-border-dark:#d1d5db;--bu-radius:10px;--bu-radius-sm:6px;--bu-radius-lg:16px;--bu-font:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--bu-font-mono:'JetBrains Mono', 'Fira Code', monospace;--bu-shadow-sm:0 1px 3px rgba(0,0,0,0.08);--bu-shadow:0 4px 12px rgba(0,0,0,0.10);--bu-shadow-lg:0 8px 24px rgba(0,0,0,0.12);--bu-transition:0.2s ease}.theme-dark,@media (prefers-color-scheme:dark){.theme-auto{--bu-primary:#60a5fa;--bu-primary-dark:#3b82f6;--bu-primary-light:#1e3a5f;--bu-text:#f9fafb;--bu-text-muted:#9ca3af;--bu-bg:#111827;--bu-bg-alt:#1f2937;--bu-border:#374151;--bu-border-dark:#4b5563}}.billunits-calculator-wrapper{font-family:var(--bu-font);font-size:1rem;color:var(--bu-text);background:var(--bu-bg);max-width:820px;margin:2rem auto;padding:2rem;border-radius:var(--bu-radius-lg);box-shadow:var(--bu-shadow-lg);position:relative}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.calc-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--bu-border)}.calc-header__icon{font-size:2.5rem;line-height:1;margin-bottom:.5rem}.calc-header__title{font-size:clamp(1.5rem, 4vw, 2rem);font-weight:700;color:var(--bu-primary);margin:0 0 .25rem;line-height:1.2}.calc-header__subtitle{color:var(--bu-text-muted);margin:0;font-size:.9rem}.calc-form__group{margin-bottom:1.5rem}.calc-form__group--inline{margin-bottom:1rem}.calc-form__label{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9rem;color:var(--bu-text);margin-bottom:.5rem}.required{color:var(--bu-danger)}.calc-form__input,.calc-form__select{width:100%;padding:.7rem 1rem;font-size:1rem;font-family:var(--bu-font);border:2px solid var(--bu-border);border-radius:var(--bu-radius);background:var(--bu-bg);color:var(--bu-text);transition:border-color var(--bu-transition),box-shadow var(--bu-transition);box-sizing:border-box}.calc-form__input:focus,.calc-form__select:focus{outline:none;border-color:var(--bu-primary);box-shadow:0 0 0 3px var(--bu-primary-light)}.calc-form__input--sm{width:90px;text-align:center}.connection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.connection-card{cursor:pointer}.connection-card__input{position:absolute;opacity:0;width:0;height:0}.connection-card__body{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.9rem .5rem;background:var(--bu-bg-alt);border:2px solid var(--bu-border);border-radius:var(--bu-radius);transition:all var(--bu-transition);text-align:center}.connection-card__input:checked+.connection-card__body,.connection-card.is-active .connection-card__body{border-color:var(--bu-primary);background:var(--bu-primary-light);transform:translateY(-2px);box-shadow:var(--bu-shadow-sm)}.connection-card.is-focused .connection-card__body{outline:3px solid var(--bu-primary);outline-offset:2px}.connection-card__icon{font-size:1.6rem}.connection-card__label{font-size:.8rem;font-weight:600;color:var(--bu-text)}.range-row{display:flex;align-items:center;gap:1rem}.range-row__slider{flex:1;height:6px;-webkit-appearance:none;background:linear-gradient(to right,var(--bu-primary) 0%,var(--bu-border) 0%);border-radius:3px;cursor:pointer}.range-row__slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:var(--bu-primary);border:3px solid #fff;border-radius:50%;box-shadow:var(--bu-shadow-sm);cursor:pointer;transition:transform var(--bu-transition)}.range-row__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.range-row__slider::-moz-range-thumb{width:22px;height:22px;background:var(--bu-primary);border:3px solid #fff;border-radius:50%;box-shadow:var(--bu-shadow-sm);cursor:pointer}.range-row__input-wrap{display:flex;align-items:center;gap:.4rem}.range-row__unit{font-size:.85rem;color:var(--bu-text-muted);white-space:nowrap}.input-row{display:flex;align-items:center;gap:.5rem}.input-row .calc-form__input{flex:1}.input-row__unit{font-size:.85rem;color:var(--bu-text-muted)}.period-options{display:flex;gap:1.5rem;flex-wrap:wrap}.period-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.period-option__input{width:1.1rem;height:1.1rem;accent-color:var(--bu-primary);cursor:pointer}.period-option__label{font-size:.9rem}.advanced-section{margin-bottom:1.5rem}.advanced-section__toggle{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;color:var(--bu-primary);font-weight:600;font-size:.9rem;padding:.4rem .75rem;border-radius:var(--bu-radius-sm);transition:background var(--bu-transition);font-family:var(--bu-font)}.advanced-section__toggle:hover{background:var(--bu-primary-light)}.advanced-section__arrow{font-size:.75rem;transition:transform var(--bu-transition)}.advanced-section__toggle[aria-expanded="true"] .advanced-section__arrow{transform:rotate(180deg)}.advanced-section__panel{margin-top:.75rem;padding:1.25rem;background:var(--bu-bg-alt);border:1px solid var(--bu-border);border-radius:var(--bu-radius);animation:buSlideDown 0.2s ease}.help-tooltip{width:1.2rem;height:1.2rem;border-radius:50%;background:var(--bu-border);border:none;cursor:pointer;font-size:.7rem;font-weight:700;color:var(--bu-text-muted);line-height:1.2rem;text-align:center;flex-shrink:0;transition:background var(--bu-transition)}.help-tooltip:hover{background:var(--bu-primary);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;font-family:var(--bu-font);font-size:1rem;font-weight:600;border-radius:var(--bu-radius);border:2px solid #fff0;cursor:pointer;text-decoration:none;transition:all var(--bu-transition)}.btn--primary{background:var(--bu-primary);color:#fff;border-color:var(--bu-primary)}.btn--primary:hover:not(:disabled){background:var(--bu-primary-dark);border-color:var(--bu-primary-dark);transform:translateY(-2px);box-shadow:var(--bu-shadow)}.btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--outline{background:#fff0;color:var(--bu-primary);border-color:var(--bu-primary)}.btn--outline:hover{background:var(--bu-primary-light)}.btn--ghost{background:#fff0;color:var(--bu-text-muted);border-color:var(--bu-border)}.btn--ghost:hover{background:var(--bu-bg-alt)}.btn--full{width:100%;padding:1rem;font-size:1.1rem}.btn__spinner{width:1.1rem;height:1.1rem;border:2px solid rgb(255 255 255 / .4);border-top-color:#fff;border-radius:50%;animation:buSpin 0.7s linear infinite}.calc-form__actions{margin-top:2rem}.calc-form__help{font-size:.78rem;color:var(--bu-text-light);margin:.5rem 0 0;text-align:center}.calc-errors{margin-top:1rem}.calc-error{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--bu-radius-sm);color:var(--bu-danger);font-size:.9rem;animation:buSlideDown 0.2s ease}.calc-error__close{margin-left:auto;background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--bu-danger);opacity:.7;padding:0}.calc-error__close:hover{opacity:1}.calc-results{margin-top:2rem;animation:buFadeUp 0.4s ease}.results-card{background:var(--bu-bg);border:1px solid var(--bu-border);border-radius:var(--bu-radius-lg);overflow:hidden;box-shadow:var(--bu-shadow)}.results-card__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bu-bg-alt);border-bottom:1px solid var(--bu-border)}.results-card__title{font-size:1.1rem;font-weight:700;margin:0}.results-card__meta{font-size:.78rem;color:var(--bu-text-muted)}.bill-hero{text-align:center;padding:2rem 1.5rem;background:linear-gradient(135deg,var(--bu-primary) 0%,var(--bu-primary-dark) 100%);color:#fff}.bill-hero__label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-bottom:.35rem}.bill-hero__amount{font-family:var(--bu-font-mono);font-size:clamp(2.5rem, 6vw, 4rem);font-weight:700;line-height:1.1;margin-bottom:.25rem;text-shadow:0 2px 4px rgb(0 0 0 / .2)}.bill-hero__rate{font-size:.9rem;opacity:.85}.slab-viz{padding:1.25rem 1.5rem;border-bottom:1px solid var(--bu-border)}.slab-viz__title{font-size:.9rem;font-weight:600;color:var(--bu-text-muted);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.slab-bar{margin-bottom:.75rem}.slab-bar__label{display:flex;justify-content:space-between;font-size:.82rem;margin-bottom:.3rem;color:var(--bu-text)}.slab-bar__rate{color:var(--bu-text-muted)}.slab-bar__track{height:8px;background:var(--bu-border);border-radius:4px;overflow:hidden}.slab-bar__fill{height:100%;background:linear-gradient(90deg,var(--bu-primary-mid),var(--bu-primary));border-radius:4px;width:0;transition:width 0.9s cubic-bezier(.4,0,.2,1)}.slab-bar__meta{display:flex;justify-content:space-between;font-size:.8rem;margin-top:.2rem;color:var(--bu-text-muted)}.slab-bar__amt{font-weight:600;color:var(--bu-primary)}.bill-table-wrap{padding:1.25rem 1.5rem}.bill-table__title{font-size:.9rem;font-weight:600;color:var(--bu-text-muted);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.bill-table{width:100%;border-collapse:collapse}.bill-table td{padding:.6rem 0;border-bottom:1px solid var(--bu-border);font-size:.92rem;color:var(--bu-text-muted)}.bill-table td:last-child{text-align:right;font-family:var(--bu-font-mono)}.bill-table__amt{color:var(--bu-text)!important;font-weight:500}.bill-table__row--subsidy td{color:var(--bu-success)!important}.bill-table__total-row td{font-weight:700;font-size:1.05rem;color:var(--bu-text)!important;border-bottom:none;padding-top:.9rem}.bill-table__total-amt{color:var(--bu-primary)!important;font-family:var(--bu-font-mono)}.results-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;padding:1.25rem 1.5rem;border-top:1px solid var(--bu-border);background:var(--bu-bg-alt)}.calc-insights{margin-top:1.5rem;animation:buFadeUp 0.4s ease}.insights-card{background:var(--bu-bg);border:1px solid var(--bu-border);border-radius:var(--bu-radius-lg);overflow:hidden;box-shadow:var(--bu-shadow-sm)}.insights-card__header{padding:1rem 1.5rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #bbf7d0}.insights-card__title{font-size:1.05rem;font-weight:700;margin:0 0 .15rem}.insights-card__subtitle{font-size:.82rem;color:var(--bu-text-muted);margin:0}.insights-card__list{padding:.75rem 1.5rem 1.25rem}.insight-item{display:flex;gap:1rem;padding:.9rem;margin-bottom:.75rem;background:var(--bu-bg-alt);border-radius:var(--bu-radius);border-left:4px solid var(--bu-border-dark);animation:buFadeUp 0.3s ease}.insight-item--slab_warning{border-left-color:var(--bu-warning);background:#fffbeb}.insight-item--solar{border-left-color:#f59e0b;background:#fffbeb}.insight-item--efficiency{border-left-color:var(--bu-info);background:#f0f9ff}.insight-item--tip{border-left-color:var(--bu-success);background:#f0fdf4}.insight-item__icon{font-size:1.5rem;flex-shrink:0;line-height:1}.insight-item__title{font-size:.9rem;font-weight:700;margin-bottom:.2rem;color:var(--bu-text)}.insight-item__message{font-size:.85rem;color:var(--bu-text-muted);margin:0;line-height:1.5}.calc-forecast{margin-top:1.5rem;animation:buFadeUp 0.4s ease}.forecast-card{background:var(--bu-bg);border:1px solid var(--bu-border);border-radius:var(--bu-radius-lg);overflow:hidden;box-shadow:var(--bu-shadow-sm)}.forecast-card__header{padding:1rem 1.5rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:1px solid #bfdbfe}.forecast-card__title{font-size:1.05rem;font-weight:700;margin:0 0 .15rem}.forecast-card__subtitle{font-size:.82rem;color:var(--bu-text-muted);margin:0}.forecast-chart{padding:1.25rem 1.5rem}.forecast-chart__legend{display:flex;gap:1rem;font-size:.8rem;color:var(--bu-text-muted);margin-top:.5rem}.forecast-chart__legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.forecast-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bu-border);border-top:1px solid var(--bu-border);border-bottom:1px solid var(--bu-border)}.forecast-stat{text-align:center;padding:1rem;background:var(--bu-bg-alt)}.forecast-stat__label{font-size:.75rem;color:var(--bu-text-muted);margin-bottom:.35rem}.forecast-stat__value{font-family:var(--bu-font-mono);font-size:1.05rem;font-weight:700;color:var(--bu-primary)}.tariff-alert{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1.5rem;font-size:.8rem;color:var(--bu-text-muted);background:#fffbeb;border-top:1px solid #fde68a}.calc-tabs{display:flex;gap:.5rem;padding:.5rem;background:var(--bu-bg-alt);border:1px solid var(--bu-border);border-radius:var(--bu-radius);margin-top:1.5rem}.calc-tabs__btn{flex:1;padding:.5rem;background:none;border:none;cursor:pointer;border-radius:var(--bu-radius-sm);font-size:.85rem;font-weight:600;color:var(--bu-text-muted);font-family:var(--bu-font);transition:all var(--bu-transition)}.calc-tabs__btn.is-active{background:var(--bu-primary);color:#fff}.calc-tabs__btn:hover:not(.is-active){background:var(--bu-border)}.skeleton-loader{height:1rem;border-radius:var(--bu-radius-sm);background:linear-gradient(90deg,var(--bu-border) 25%,var(--bu-bg-alt) 50%,var(--bu-border) 75%);background-size:200% 100%;animation:buSkeleton 1.4s ease infinite;margin-bottom:.75rem}.skeleton-loader--short{width:60%}.skeleton-loader--chart{height:160px;width:100%}.billunits-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;max-width:340px;padding:.85rem 1.25rem;background:var(--bu-text);color:#fff;border-radius:var(--bu-radius);box-shadow:var(--bu-shadow-lg);font-size:.9rem;transform:translateY(1rem);opacity:0;transition:all 0.3s ease}.billunits-toast.is-visible{transform:translateY(0);opacity:1}.billunits-toast--info{background:var(--bu-info)}.billunits-toast--success{background:var(--bu-success)}.billunits-toast--warning{background:var(--bu-warning)}.billunits-toast--error{background:var(--bu-danger)}@keyframes buFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes buSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes buSpin{to{transform:rotate(360deg)}}@keyframes buSkeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:768px){.billunits-calculator-wrapper{margin:1rem;padding:1rem;border-radius:var(--bu-radius)}.connection-grid{grid-template-columns:repeat(2,1fr)}.range-row{flex-direction:column;align-items:stretch}.range-row__input-wrap{justify-content:center}.bill-hero__amount{font-size:2.5rem}.forecast-stats{grid-template-columns:1fr}.results-actions{flex-direction:column}.results-actions .btn{width:100%}.calc-tabs{flex-direction:column}}@media (max-width:480px){.connection-grid{grid-template-columns:repeat(2,1fr)}.period-options{flex-direction:column;gap:.5rem}.calc-header__title{font-size:1.3rem}.bill-hero{padding:1.25rem 1rem}.slab-viz,.bill-table-wrap,.forecast-chart,.insights-card__list{padding:1rem}}@media print{.billunits-calculator-wrapper{box-shadow:none;max-width:100%}.calc-form,.advanced-section,.results-actions,.calc-insights,.calc-forecast,.calc-tabs,.tariff-alert,.calc-form__actions{display:none!important}.calc-results{display:block!important}.bill-hero{background:#0055B3!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.slab-bar__fill{background:#0055B3!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.billunits-calculator-wrapper *,.billunits-calculator-wrapper *::before,.billunits-calculator-wrapper *::after{box-sizing:border-box}.billunits-calculator-wrapper h2,.billunits-calculator-wrapper h3,.billunits-calculator-wrapper h4{font-family:var(--bu-font);line-height:1.3}.billunits-calculator-wrapper .btn{display:inline-flex!important;border-radius:var(--bu-radius)!important}