*{box-sizing:border-box}body{margin:0;padding:0}#root{width:100%;margin:0;padding:0}.collapsible-section{background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border-color);margin-bottom:1.5rem;transition:box-shadow .2s}.collapsible-section:hover{box-shadow:var(--shadow-elevated)}.collapsible-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.5rem 2rem;transition:background-color .2s;display:flex}.collapsible-header:hover{background:var(--bg-hover)}.collapsible-header:focus{box-shadow:inset 0 0 0 2px var(--primary-color);border-radius:var(--radius);outline:none}.header-content{flex-direction:column;flex:1;gap:.75rem;display:flex}.header-text h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600;line-height:1.4}.subtitle-text{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.6}.toggle-icon{background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.collapsible-section.expanded .toggle-icon{background:var(--primary-color);color:#fff;transform:rotate(180deg)}.collapsible-header:hover .toggle-icon{background:var(--primary-color);color:#fff}.collapsible-content{transition:height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.content-inner{padding:0 2rem 2rem}.collapsible-header .step-indicator{align-items:center;gap:.5rem;margin-bottom:0;display:flex}.collapsible-header .step-number{background:var(--primary-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:600;display:inline-flex}.collapsible-header .step-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:500}.collapsible-section.usage-variant{background:var(--info-light);border-color:var(--info-color)}.collapsible-section.profile-variant{background:var(--warning-light);border-color:var(--warning-color)}@media (width<=768px){.collapsible-header{padding:1.25rem 1.5rem}.content-inner{padding:0 1.5rem 1.5rem}.header-text h2{font-size:1.125rem}.toggle-icon{width:28px;height:28px}}@media (width<=640px){.collapsible-header{padding:1rem 1.25rem}.content-inner{padding:0 1.25rem 1.25rem}.header-text h2{font-size:1rem}.subtitle-text{font-size:.8125rem}}.gst-settings{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:1rem}.gst-settings-header{flex-direction:column;gap:.75rem;display:flex}.gst-settings-header h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.875rem;font-weight:600}.gst-display{justify-content:space-between;align-items:center;gap:1rem;display:flex}.gst-rate-value{color:var(--info-color);font-size:1.25rem;font-weight:600}.edit-gst-button{color:var(--info-color);border:1px solid var(--info-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.edit-gst-button:hover{background:var(--info-light)}.gst-edit{flex-direction:column;gap:.75rem;display:flex}.gst-input-wrapper{align-items:center;gap:.5rem;display:flex}.gst-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;max-width:100px;padding:.625rem .75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.gst-input:focus{border-color:var(--info-color);box-shadow:0 0 0 3px var(--info-light);outline:none}.gst-percent-symbol{color:var(--text-secondary);font-size:1rem;font-weight:600}.gst-actions{flex-wrap:wrap;gap:.5rem;display:flex}.save-gst-button,.cancel-gst-button,.reset-gst-button{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.save-gst-button{background:var(--info-color);color:#fff}.save-gst-button:hover{background:var(--primary-dark)}.cancel-gst-button{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.cancel-gst-button:hover{border-color:var(--text-secondary)}.reset-gst-button{color:var(--warning-color);border:1px solid var(--warning-color);background:0 0}.reset-gst-button:hover{background:var(--warning-light)}.gst-error{background:var(--danger-light);border:1px solid var(--danger-color);border-radius:var(--radius-sm);color:var(--danger-color);margin:.5rem 0 0;padding:.5rem;font-size:.8125rem}.gst-help-text{color:var(--text-secondary);margin:.75rem 0 0;font-size:.8125rem;line-height:1.5}@media (width<=768px){.gst-display{flex-direction:column;align-items:flex-start}.edit-gst-button{width:100%}.gst-actions{flex-direction:column}.save-gst-button,.cancel-gst-button,.reset-gst-button{width:100%}}.confirm-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--bg-primary);border-radius:var(--radius-lg);width:90%;max-width:450px;animation:.2s ease-out slideUp;overflow:hidden;box-shadow:0 20px 60px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-header{border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.confirm-dialog-header.danger{background:linear-gradient(135deg,#ef44441a 0%,#dc26260d 100%);border-bottom-color:#ef444433}.confirm-dialog-header.info{background:linear-gradient(135deg,#06b6d41a 0%,#0891b20d 100%);border-bottom-color:#06b6d433}.confirm-dialog-header h3{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.confirm-dialog-body{padding:1.5rem}.confirm-dialog-body p{color:var(--text-secondary);white-space:pre-line;margin:0;font-size:.9375rem;line-height:1.6}.confirm-dialog-actions{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.confirm-dialog-button{border-radius:var(--radius);cursor:pointer;border:none;min-width:80px;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s}.confirm-dialog-button.cancel{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.confirm-dialog-button.cancel:hover{background:var(--bg-secondary);border-color:var(--text-secondary);color:var(--text-primary)}.confirm-dialog-button.confirm{background:var(--primary-color);color:#fff}.confirm-dialog-button.confirm:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #06b6d44d}.confirm-dialog-button.confirm.danger{background:var(--danger-color)}.confirm-dialog-button.confirm.danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.confirm-dialog-button:active{transform:translateY(0)}@media (width<=768px){.confirm-dialog{max-width:95%;margin:1rem}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-button{width:100%}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#06b6d4;--primary-hover:#0891b2;--primary-light:#67e8f9;--primary-dark:#0e7490;--primary-bg:#ecfeff;--accent-energy:#fbbf24;--accent-warning:#f59e0b;--accent-success:#10b981;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-energy-light:#fef3c7;--accent-warning-light:#fef3c7;--accent-success-light:#d1fae5;--accent-purple-light:#ede9fe;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#cbd5e1;--bg-primary:#fff;--bg-secondary:#f1f5f9;--bg-page:#f8fafc;--bg-hover:#e2e8f0;--danger-color:#ef4444;--danger-light:#fee2e2;--success-color:#10b981;--success-light:#d1fae5;--info-color:#06b6d4;--info-light:#ecfeff;--warning-color:#f59e0b;--warning-light:#fef3c7;--gradient-primary:linear-gradient(135deg, #06b6d4 0%, #8b5cf6 100%);--gradient-energy:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--gradient-depth:linear-gradient(180deg, #06b6d4 0%, #0891b2 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #059669 100%);--chart-color-1:#06b6d4;--chart-color-2:#8b5cf6;--chart-color-3:#10b981;--chart-color-4:#f59e0b;--chart-color-5:#ec4899;--chart-color-6:#14b8a6;--radius:12px;--radius-lg:16px;--radius-sm:8px;--shadow-subtle:0 1px 2px 0 #0000000d;--shadow-card:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-elevated:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-glow:0 0 20px #06b6d44d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:var(--bg-page);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{max-width:680px;margin:0 auto;padding:2rem 1rem 4rem;overflow-x:hidden}header{text-align:center;margin-bottom:2.5rem;padding:2rem 1rem}header h1{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.75rem;font-size:2rem;font-weight:600;line-height:1.3}.subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:1.0625rem;font-weight:400;line-height:1.6}.content,.sidebar,.main-content{flex-direction:column;gap:1.5rem;display:flex}.step-indicator{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.step-number{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:600;display:inline-flex}.step-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:500}.section{background:var(--bg-primary);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--border-color);padding:2rem;transition:box-shadow .2s}.section:hover{box-shadow:var(--shadow-elevated)}.section h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600;line-height:1.4}.help-text{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.plans-container{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.plan-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all .2s;position:relative;overflow:hidden}.plan-input:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #00000014}.plan-input-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:background-color .2s;display:flex}.plan-input-header:hover{background-color:#00000008}.plan-name-display{flex:1;font-size:1.125rem;font-weight:600}.plan-collapse-toggle{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.25rem;font-weight:400;transition:all .2s;display:flex}.plan-collapse-toggle:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.plan-input-content{opacity:1;max-height:5000px;padding:0 1.25rem 1.25rem;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s;overflow:hidden}.plan-input-content.collapsed{opacity:0;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0}.plan-input-content.expanded{opacity:1;max-height:5000px}.plan-input-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;padding:0;display:flex}.plan-collapse-toggle.bottom{flex-shrink:0;width:2rem;height:2rem;font-size:1.25rem}.input-group{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.input-group:last-child{margin-bottom:0}.input-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.input-group input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);padding:.75rem 1rem;font-size:1rem;font-weight:400;transition:all .2s}.input-group input:hover{border-color:var(--text-muted)}.input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.input-group select{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;font-weight:400;transition:all .2s}.input-group select:hover{border-color:var(--text-muted);background-color:var(--bg-secondary)}.input-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.input-group select option{background:var(--bg-primary);color:var(--text-primary);padding:.5rem}.input-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}button{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s}.add-button{background:var(--primary-color);color:#fff;width:100%}.add-button:hover{background:var(--primary-dark)}.add-button:active{transform:scale(.98)}.remove-button{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.remove-button:hover{border-color:var(--danger-color);color:var(--danger-color)}.remove-button:active{transform:scale(.98)}.chart-section-wrapper{flex-direction:column;gap:1rem;display:flex}.chart-toggle-option{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.9375rem;display:flex}.chart-toggle-option input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.chart-toggle-option:hover{color:var(--text-primary)}.chart-toggle-option span{font-weight:500}.chart-container{border-radius:var(--radius);border:1px solid var(--border-color);background:linear-gradient(#fafafa 0%,#fff 100%);margin-top:0;padding:1.5rem;position:relative;box-shadow:0 1px 3px #0000000d}.chart-controls{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#fff;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1rem;padding:.75rem;display:flex}.chart-control-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;height:2rem;color:var(--text-primary);white-space:nowrap;background:#fff;justify-content:center;align-items:center;gap:.375rem;padding:0 .75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.chart-control-btn svg{stroke-width:2px;flex-shrink:0;width:1rem;height:1rem}.chart-control-btn span{line-height:1}.chart-control-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.chart-control-btn:active:not(:disabled){transform:scale(.95)}.chart-control-btn:disabled{opacity:.4;cursor:not-allowed}.chart-zoom-level{color:var(--text-secondary);border-left:1px solid var(--border-color);font-variant-numeric:tabular-nums;min-width:5rem;margin-left:.5rem;padding-left:.75rem;font-size:.8125rem}.chart-placeholder{border-radius:var(--radius);border:2px dashed var(--border-color);background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);justify-content:center;align-items:center;min-height:450px;transition:all .3s;display:flex}.chart-placeholder:hover{border-color:var(--primary-color);background:linear-gradient(135deg,#f5f5f5 0%,#efefef 100%)}.chart-placeholder-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.chart-placeholder-icon{width:4rem;height:4rem;color:var(--text-muted);opacity:.6;animation:.6s ease-out fadeInScale}.chart-placeholder-text{color:var(--text-secondary);margin:0;font-size:1.125rem;font-weight:500}.chart-placeholder-subtext{color:var(--text-muted);margin:0;font-size:.875rem}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:.6;transform:scale(1)}}.custom-chart-tooltip{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;min-width:220px;padding:1rem;animation:.2s ease-out tooltipFadeIn;box-shadow:0 4px 12px #0000001f}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin:0 0 .75rem;padding-bottom:.5rem;font-size:.8125rem;font-weight:600}.tooltip-plans{flex-direction:column;gap:.625rem;display:flex}.tooltip-plan-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.tooltip-plan-info{flex:1;align-items:center;gap:.5rem;display:flex}.tooltip-plan-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.tooltip-plan-name{color:var(--text-primary);font-size:.8125rem;font-weight:500}.tooltip-plan-cost{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.tooltip-cost-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.tooltip-cheapest-badge{background:var(--success-light);color:var(--success-color);text-transform:uppercase;letter-spacing:.025em;border-radius:999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.tooltip-diff{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.tooltip-breakdown{border-top:1px solid var(--border-color);flex-direction:column;gap:.375rem;margin-top:.5rem;padding-top:.5rem;display:flex}.tooltip-breakdown-item{justify-content:space-between;gap:1rem;font-size:.75rem;display:flex}.tooltip-breakdown-label{color:var(--text-muted)}.tooltip-breakdown-value{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:500}.tooltip-breakdown-rates{flex-wrap:wrap;gap:.375rem;margin-top:.25rem;display:flex}.tooltip-rate-tag{background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);font-variant-numeric:tabular-nums;padding:.125rem .375rem;font-size:.6875rem}.custom-chart-legend{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1rem;padding:1rem 0 0;display:flex}.legend-item{cursor:pointer;align-items:center;gap:.5rem;transition:opacity .2s;display:flex}.legend-item:hover{opacity:.7}.legend-color{border-radius:2px;flex-shrink:0;width:14px;height:14px}.legend-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.insights-panel .section h2{color:var(--text-primary);margin:.5rem 0 1rem;font-family:inherit;font-size:1.25rem;font-weight:700;line-height:1.4}.insight-section{margin-bottom:1.5rem}.insight-section:last-child{margin-bottom:0}.insight-section h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1rem;font-weight:600}.insight-section p{margin-bottom:.5rem;line-height:1.6}.label-hint{color:var(--text-muted);margin-left:.5rem;font-size:.75rem;font-weight:400}.input-hint{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.usage-section{background:var(--info-light);border-color:var(--info-color)}.profile-section{background:var(--warning-light);border-color:var(--warning-color)}.plan-section-divider{background:linear-gradient(to right, transparent, var(--border-color) 2%, var(--border-color) 98%, transparent);opacity:1;height:2px;margin:.75rem 0}.multi-rate-toggle{background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-bottom:1rem;padding:.75rem}.multi-rate-toggle label{cursor:pointer;color:var(--text-primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.multi-rate-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color)}.solar-toggle{background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-bottom:1rem;padding:.75rem}.solar-toggle label{cursor:pointer;color:var(--text-primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.solar-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color)}.solar-inputs{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-top:1rem;padding:1rem}.solar-inputs-hint{color:var(--text-secondary);margin:0 0 1rem;font-size:.8125rem;line-height:1.5}.solar-inputs .input-group{margin-bottom:1rem}.solar-inputs .input-group:last-child{margin-bottom:0}.input-helper{color:var(--text-secondary);margin-top:.375rem;font-size:.75rem;font-style:italic;display:block}.solar-usage-divider{background:linear-gradient(to right, transparent, var(--border-color) 2%, var(--border-color) 98%, transparent);opacity:1;height:2px;margin:1.5rem 0 1rem}.solar-usage-heading{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}.solar-usage-hint{color:var(--text-secondary);margin:0 0 1rem;font-size:.8125rem;line-height:1.5}.multi-rate-inputs{flex-direction:column;gap:.75rem;display:flex}.free-rate-checkbox{cursor:pointer;color:var(--text-secondary);align-items:center;gap:.375rem;margin-top:.5rem;font-size:.8125rem;font-weight:400;display:flex}.free-rate-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--success-color)}.free-rate-checkbox:hover{color:var(--text-primary)}.input-group input:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.input-group input.input-error{border-color:var(--danger-color);background:#fef2f2}.input-group input.input-error:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px #ef44441a}.error-message{color:var(--danger-color);margin-top:.375rem;font-size:.8125rem;font-weight:500;display:block}.usage-pattern-section{background:var(--warning-light);border-radius:var(--radius-sm);border:1px solid var(--warning-color);margin-top:1rem;padding:1rem}.usage-pattern-title{color:var(--text-primary);margin:0 0 .5rem;font-size:.9375rem;font-weight:600}.usage-pattern-hint{color:var(--text-secondary);margin:0 0 1rem;font-size:.8125rem;line-height:1.5}.custom-profile-inputs{margin-top:1rem}.initialize-profile-button{border:2px dashed var(--warning-color);border-radius:var(--radius-sm);width:100%;color:var(--warning-color);cursor:pointer;z-index:1;touch-action:manipulation;-webkit-tap-highlight-color:#ffc10733;background:0 0;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;transition:all .2s;position:relative}.initialize-profile-button:hover{border-color:var(--primary-color);color:var(--primary-color);background:#ffc1071a}.initialize-profile-button:active{background:#ffc10726;transform:scale(.98)}.custom-profile-note{color:var(--text-secondary);margin:0 0 .75rem;font-size:.8125rem;font-style:italic}.profile-empty-message{color:var(--info-color);background:var(--info-light);border-radius:var(--radius-sm);border:1px solid #06b6d44d;margin:.5rem 0 0;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.profile-validation{border-radius:var(--radius-sm);margin-top:.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500}.profile-validation.valid{background:var(--success-light);color:var(--success-color);border:1px solid var(--success-color)}.profile-validation.invalid{background:var(--danger-light);color:var(--danger-color);border:1px solid var(--danger-color)}.gst-toggle{background:var(--info-light);border-radius:var(--radius-sm);border:1px solid var(--info-color);margin-top:1rem;padding:.75rem}.gst-toggle label{cursor:pointer;color:var(--text-primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.gst-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--info-color)}.gst-note{color:var(--text-secondary);margin:.5rem 0 0 1.75rem;font-size:.8125rem;line-height:1.5}.result-card{background:var(--success-light);border:1px solid var(--success-color);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:1.5rem;padding:2rem}.result-header{margin-bottom:.75rem}.result-badge{background:var(--success-color);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.result-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:600;line-height:1.2}.result-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5}.result-note{color:var(--text-muted);margin-top:.5rem;font-size:.875rem;font-style:italic}.breakpoints-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.breakpoint-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);transition:all .2s;overflow:hidden}.breakpoint-card:hover{box-shadow:var(--shadow-elevated)}.breakpoint-header{background:var(--primary-color);color:#fff;align-items:baseline;gap:.5rem;padding:.75rem 1.25rem;display:flex}.breakpoint-value{font-size:1.5rem;font-weight:600;line-height:1}.breakpoint-unit{opacity:.9;font-size:.875rem}.breakpoint-body{padding:1.25rem}.breakpoint-body p{color:var(--text-primary);margin-bottom:.5rem;line-height:1.6}.breakpoint-body p:last-child{margin-bottom:0}.breakpoint-body strong{color:var(--text-primary);font-weight:600}.info-note{color:var(--text-secondary);text-align:center;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:1rem;line-height:1.6}footer{text-align:center;border-top:1px solid var(--border-color);margin-top:3rem;padding:1.5rem}footer p{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:.875rem;line-height:1.6}@media (width<=640px){.app{padding:1.5rem 1rem 3rem}header{margin-bottom:2rem;padding:1rem}header h1{font-size:1.5rem}.subtitle{font-size:1rem}.section{padding:1.5rem}.input-row{grid-template-columns:1fr}.result-title{font-size:1.5rem}.breakpoint-header{padding:.625rem 1rem}.breakpoint-value{font-size:1.25rem}.breakpoint-body{padding:1rem}}.detailed-breakdown{flex-direction:column;gap:1.5rem;display:flex}.breakdown-controls{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1rem;display:flex}.breakdown-label{color:var(--text-secondary);font-size:.9375rem;font-weight:500}.breakdown-usage-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;width:120px;padding:.5rem .75rem;font-size:.9375rem}.breakdown-usage-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.breakdown-unit{color:var(--text-muted);font-size:.9375rem}.breakdown-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.breakdown-card{border-radius:var(--radius);border:1px solid var(--border-color);background:#fff;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.breakdown-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.breakdown-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.breakdown-plan-name{margin:0;font-size:1.125rem;font-weight:600}.breakdown-cheapest-badge{background:var(--success-light);color:var(--success-color);text-transform:uppercase;letter-spacing:.025em;border-radius:999px;padding:.25rem .625rem;font-size:.6875rem;font-weight:600}.breakdown-total{background:linear-gradient(135deg, var(--bg-secondary) 0%, #fff 100%);border-radius:var(--radius-sm);border:1px solid var(--border-color);justify-content:space-between;align-items:baseline;padding:1rem;display:flex}.breakdown-total-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.breakdown-total-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700}.breakdown-details{border-top:1px solid var(--border-color);flex-direction:column;gap:.625rem;padding-top:.5rem;display:flex}.breakdown-detail-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.breakdown-detail-label{color:var(--text-secondary)}.breakdown-detail-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.breakdown-effective-rate{border-top:1px dashed var(--border-color);padding-top:.5rem}.breakdown-solar-credit{color:var(--success-color)}.breakdown-credit{color:var(--success-color)!important}.breakdown-solar-info{border-radius:var(--radius-sm);background:#ffc1071a;border:1px solid #ffc1074d;margin-top:.75rem;padding:.875rem}.breakdown-solar-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}.breakdown-solar-text{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.6}.breakdown-solar-text strong{color:var(--text-primary);font-weight:600}.breakdown-rates{background:var(--bg-secondary);border-radius:var(--radius-sm);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.breakdown-rates-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;font-size:.8125rem;font-weight:600}.breakdown-rates-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.breakdown-rate-item{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.breakdown-rate-label{color:var(--text-secondary);font-size:.8125rem}.breakdown-rate-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}.breakdown-usage-profile{border-top:1px dashed var(--border-color);flex-direction:column;gap:.5rem;padding-top:.75rem;display:flex}.breakdown-profile-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.breakdown-profile-grid{flex-wrap:wrap;gap:.375rem;display:flex}.breakdown-profile-item{color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);font-variant-numeric:tabular-nums;background:#fff;padding:.25rem .5rem;font-size:.6875rem}.breakdown-gst-note{border-top:1px solid var(--border-color);color:var(--text-muted);text-align:center;padding-top:.75rem;font-size:.75rem}@media (width<=768px){.breakdown-cards{grid-template-columns:1fr}.breakdown-controls{flex-direction:column;align-items:flex-start}.breakdown-usage-input{width:100%}}.settings-section{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-top:1.5rem;padding:1rem}.settings-heading{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.settings-description{color:var(--text-secondary);margin:0 0 1rem;font-size:.875rem;line-height:1.6}.danger-button{color:var(--danger-color);border:1.5px solid var(--danger-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s}.danger-button:hover{background:var(--danger-color);color:#fff;box-shadow:var(--shadow-card);transform:translateY(-1px)}.danger-button:active{box-shadow:var(--shadow-subtle);transform:translateY(0)}.danger-button:focus{outline:none;box-shadow:0 0 0 3px #ef444433}@media (width<=768px){.settings-section{margin-top:1rem}.danger-button{width:100%}.usage-pattern-section{margin-top:1rem;padding:1rem .75rem}.initialize-profile-button{-webkit-tap-highlight-color:#ffc1074d;min-height:48px;padding:1rem;font-size:1rem}.custom-profile-inputs{margin-top:1rem;padding-bottom:.5rem}.chart-controls{flex-wrap:wrap;gap:.375rem;width:100%;padding:.5rem}.chart-control-btn{flex:auto;min-width:0;height:2.25rem;padding:0 .5rem;font-size:.75rem}.chart-control-btn span{display:none}.chart-control-btn svg{width:1.25rem;height:1.25rem}.chart-zoom-level{text-align:center;border-left:none;border-top:1px solid var(--border-color);width:100%;min-width:0;margin:0;padding:.5rem 0 0}.breakdown-cards{grid-template-columns:1fr;gap:1rem}.breakdown-card{min-width:0;padding:1rem}.breakdown-card-header{flex-wrap:wrap}.breakdown-rates-grid{grid-template-columns:1fr;gap:.375rem}.breakdown-rate-item{padding:.375rem .5rem}.breakdown-rate-label,.breakdown-rate-value{font-size:.75rem}.breakdown-profile-grid{gap:.25rem}.breakdown-profile-item{font-size:.75rem}}