.electric-page{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.electric-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:18px;background:linear-gradient(135deg,#071a3e,#123b7c);color:#fff}.electric-head h2{margin:5px 0;font-size:29px}.electric-head p{margin:0;color:#cbd8ed}.electric-badge{padding:10px 14px;border-radius:12px;background:#ffffff16;font-size:12px}.electric-card{margin-top:17px;padding:24px;border:1px solid #e0e7f1;border-radius:18px;background:#fff}.utility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.utility-card{display:flex;align-items:center;justify-content:center;min-height:94px;padding:14px;border:2px solid #e5eaf2;border-radius:14px;background:#fff;cursor:pointer;transition:.2s}.utility-card:hover,.utility-card.active{border-color:#ef7d00;background:#fff8ef;box-shadow:0 8px 22px #15336012}.utility-card img{max-width:150px;max-height:57px;object-fit:contain}.electric-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.electric-form label{display:flex;flex-direction:column;gap:6px;color:#4b5870;font-size:11px;font-weight:800}.electric-form input,.electric-form select{width:100%}.electric-wide{grid-column:1/-1}.demand-field.hidden{display:none}.electric-actions{display:flex;align-items:center;gap:12px;margin-top:20px}.electric-result{margin-top:18px}.electric-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.electric-summary article{padding:18px;border-radius:14px;background:#f3f7fd}.electric-summary span,.electric-summary b{display:block}.electric-summary span{color:#65728a;font-size:11px}.electric-summary b{margin-top:4px;color:#0d326c;font-size:24px}.electric-summary article:last-child{background:#eaf8ef}.electric-summary article:last-child b{color:#08763b}.electric-breakdown{width:100%;margin-top:16px;border-collapse:collapse}.electric-breakdown td{padding:10px;border-bottom:1px solid #e8edf4}.electric-breakdown td:last-child{text-align:right;font-weight:800}.electric-source{padding:12px;border-radius:10px;background:#fff8e9;color:#725219;font-size:11px}.electric-error{color:#b42318;font-weight:700}
@media(max-width:800px){.utility-grid{grid-template-columns:1fr 1fr}.electric-form{grid-template-columns:1fr}.electric-summary{grid-template-columns:1fr}.electric-head{align-items:flex-start;flex-direction:column}.electric-wide{grid-column:auto}}