*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f2f5;color:#1a1a2e;min-height:100vh;padding:24px}h1{font-size:1.6rem;font-weight:600;margin-bottom:20px;color:#1a1a2e}#controls{background:#fff;border-radius:10px;padding:20px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;box-shadow:0 1px 4px #00000014;margin-bottom:12px}#csvFile{font-size:.875rem;color:#555}#metaInfo{font-size:.8rem;color:#666;flex-basis:100%;min-height:1.2em}#metaInfo span{margin-right:16px}label{font-size:.875rem;color:#444;display:flex;align-items:center;gap:6px}input[type=date]{font-size:.875rem;padding:5px 8px;border:1px solid #ccc;border-radius:6px;background:#fafafa;color:#1a1a2e}input[type=date]:focus{outline:none;border-color:#4a90d9}select{font-size:.875rem;padding:5px 8px;border:1px solid #ccc;border-radius:6px;background:#fafafa;color:#1a1a2e}select:focus{outline:none;border-color:#4a90d9}#findPlansBtn{background:#16a34a}#findPlansBtn:hover:not(:disabled){background:#15803d}#findPlansBtn:disabled{background:#86efac;cursor:default}#currentPlanSection{margin-top:16px}#manualPlanSection{margin-top:8px}#manualPlanDetails summary{cursor:pointer;font-size:.85rem;font-weight:600;color:#4a5568;-webkit-user-select:none;user-select:none}#manualPlanForm{margin-top:10px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}#evChargerSection{margin-top:8px}#evChargerDetails summary{cursor:pointer;font-size:.85rem;font-weight:600;color:#4a5568;-webkit-user-select:none;user-select:none}#evChargerForm{margin-top:10px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}#evChargerDerived{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;color:#555;margin:8px 0 4px}.ev-derived-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:4px;padding:3px 8px;flex-basis:100%}.ev-incl-tag{font-size:.68rem;font-weight:400;color:#1d4ed8;margin-left:3px}.cpf-tier-rate select{font-size:.8rem;padding:3px 6px;border:1px solid #cbd5e1;border-radius:4px;background:#fff}#currentPlanDetails summary{cursor:pointer;font-size:.85rem;font-weight:600;color:#4a5568;-webkit-user-select:none;user-select:none}#currentPlanForm{margin-top:10px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.cpf-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.cpf-meta label,.cpf-tier-rate label{display:flex;flex-direction:column;font-size:.78rem;font-weight:600;color:#555;gap:3px}.cpf-meta input,.cpf-tier-rate input{font-size:.85rem;padding:4px 8px;border:1px solid #cbd5e1;border-radius:4px;width:130px}.cpf-tiers{display:flex;flex-direction:column;gap:10px}.cpf-tier{border:1px solid #e2e8f0;border-radius:5px;overflow:hidden}.cpf-tier-header{display:flex;align-items:center;gap:12px;padding:8px 10px;background:#eef2f7;border-bottom:1px solid #e2e8f0}.cpf-tier-header .tier-name{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;min-width:70px}.cpf-tier-header .tier-desc{font-size:.75rem;color:#888;flex:1}.cpf-tier-rate{display:flex;align-items:center;gap:6px}.cpf-schedule{padding:6px 10px;display:flex;flex-direction:column;gap:5px;background:#fff}.cpf-period-row{display:flex;align-items:center;gap:6px;font-size:.8rem}.cpf-period-row select,.cpf-period-row input[type=time]{font-size:.8rem;padding:3px 6px;border:1px solid #cbd5e1;border-radius:4px;background:#fff}.cpf-period-row select{width:110px}.cpf-period-row input[type=time]{width:90px}.cpf-period-row .cpf-remove{background:none;border:none;cursor:pointer;color:#999;font-size:1rem;line-height:1;padding:0 2px}.cpf-period-row .cpf-remove:hover{color:#e53e3e}.cpf-add-btn{display:inline-block;margin:6px 10px 8px;font-size:.75rem;color:#2563eb;background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}.cpf-no-schedule{padding:6px 10px 8px;font-size:.75rem;color:#888;font-style:italic}.cpf-hint{margin:10px 0 0;font-size:.75rem;color:#888}.plans-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:12px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.plans-filters label{display:flex;flex-direction:column;font-size:.75rem;font-weight:600;color:#555;gap:3px}.plans-filters select{font-size:.82rem;padding:4px 8px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;min-width:130px}.plans-filter-count{font-size:.78rem;color:#666;align-self:flex-end;padding-bottom:2px}.export-csv-btn{margin-left:auto;align-self:flex-end;font-size:.78rem;padding:4px 10px;background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;border-radius:5px;cursor:pointer}.export-csv-btn:hover{background:#e0f2fe}.filter-conditions-wrap{display:flex;flex-direction:column;gap:3px}.filter-conditions-wrap>span{font-size:.75rem;font-weight:600;color:#555}.filter-conditions-list{display:flex;flex-wrap:wrap;gap:5px;max-width:360px}.filter-cond-chip{display:flex;align-items:center;gap:4px;font-size:.75rem;padding:3px 7px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;color:#444;white-space:nowrap}.filter-cond-chip input[type=checkbox]{margin:0;cursor:pointer}.filter-cond-chip:has(input:checked){background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.plan-cond-tag{display:inline-block;font-size:.7em;padding:1px 5px;border-radius:3px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;white-space:nowrap}.plan-id{font-size:.72em;color:#94a3b8;font-family:monospace;letter-spacing:-.01em;display:block;margin-top:3px;cursor:pointer}.plan-id:hover{color:#2563eb}.current-plan-row{background:#fffbeb!important;border-left:3px solid #f59e0b}.current-plan-row td:first-child:before{content:"★ ";color:#f59e0b}#plansSection{margin-top:20px;display:none}#comparisonSection{display:none;margin-top:24px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #00000014}#comparisonSection h2{font-size:1.15rem;font-weight:600;margin-bottom:14px;color:#1a1a2e}#comparisonCount{font-size:.78rem;font-weight:400;color:#888}#comparisonChartWrap{position:relative;height:360px}.compare-col{width:60px;text-align:center}.plan-compare-cb{width:16px;height:16px;cursor:pointer}#plansSection h2{font-size:1.15rem;font-weight:600;margin-bottom:12px;color:#1a1a2e}#plansProgress{font-size:.8rem;color:#555;margin-bottom:10px;min-height:1.2em}.plans-note{font-size:.78rem;color:#888;margin-bottom:14px}.seasonal-warning{font-size:.8rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:5px;padding:7px 12px;margin-bottom:12px}.plans-methodology{margin-bottom:14px;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;background:#fafbfc}.plans-methodology summary{cursor:pointer;list-style:none}.plans-methodology summary::-webkit-details-marker{display:none}.methodology-expand-hint{color:#2563eb;font-style:italic;margin-left:4px}.methodology-body{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}.methodology-body ul{margin:0;padding-left:18px;font-size:.78rem;color:#555;line-height:1.7}.methodology-body a{color:#2563eb}.plans-table-wrap{overflow-x:auto;overflow-y:auto;max-height:520px}.plans-table thead th{position:sticky;top:0;background:#f3f4f6;z-index:1}.plans-table{width:100%;border-collapse:collapse;font-size:.82rem;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #00000014}.plans-table th{background:#f7f8fa;color:#555;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap;border-bottom:1px solid #eee}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{background:#eef0f4}.sortable-th.sorted{color:#2563eb;background:#eff6ff}.plans-table th{border-bottom:1px solid #eee}.plans-table td{padding:9px 12px;border-bottom:1px solid #f0f0f0;vertical-align:top}.plans-table tr:last-child td{border-bottom:none}.plans-table tr:hover td{background:#fafbfc}.plans-table td.cost{font-weight:600;color:#16a34a}.plans-table td.cost.negative{color:#dc2626}.plans-table td.saving-positive{font-weight:600;color:#16a34a;text-align:right}.plans-table td.saving-negative{font-weight:600;color:#dc2626;text-align:right}.plan-stale-tag{display:inline-block;font-size:.68rem;padding:1px 5px;border-radius:3px;background:#fef3c7;color:#92400e;margin-left:3px;cursor:help}.plan-tag{display:inline-block;font-size:.7rem;padding:1px 6px;border-radius:4px;margin-right:4px;font-weight:500}.plan-tag.market{background:#dbeafe;color:#1d4ed8}.plan-tag.standing{background:#fef9c3;color:#854d0e}.plan-tag.tou{background:#ede9fe;color:#6d28d9}.plan-tag.flat{background:#dcfce7;color:#15803d}.plan-tag.demand{background:#fee2e2;color:#b91c1c}.plan-tag.ctl{background:#e0f2fe;color:#0369a1}.rate-label{display:inline-block;font-size:.72em;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.03em}.rate-peak{background:#fee2e2;color:#b91c1c}.rate-off-peak,.rate-off_peak{background:#dcfce7;color:#15803d}.rate-shoulder{background:#fef9c3;color:#854d0e}.rate-controlled-load,.rate-controlled_load{background:#e0f2fe;color:#0369a1}.rate-ev{background:#dbeafe;color:#1d4ed8}.cost-breakdown{font-size:.75rem;color:#777;margin-top:2px}.cond-discount-warn{font-size:.72rem;color:#92400e;margin-top:3px;cursor:help}.cost-hover-wrap{display:inline-block;cursor:help;border-bottom:1px dashed #a0aec0}.cost-info-icon{font-size:.65rem;color:#94a3b8;margin-left:2px;vertical-align:super}#costTooltipEl{position:fixed;z-index:9999;background:#1e293b;color:#f1f5f9;border-radius:8px;padding:10px 13px;font-size:.78rem;line-height:1.6;box-shadow:0 4px 20px #0000004d;pointer-events:none;min-width:210px;max-width:300px;display:none}#costTooltipEl.visible{display:block}.tt-title{font-weight:700;font-size:.8rem;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.15);white-space:nowrap;color:#e2e8f0}.tt-row{display:flex;justify-content:space-between;gap:20px;white-space:nowrap}.tt-row.tt-credit{color:#86efac}.tt-row.tt-total{margin-top:6px;padding-top:5px;border-top:1px solid rgba(255,255,255,.15);font-weight:700;color:#86efac}.tt-row.tt-annual{margin-top:1px;font-size:.72rem;color:#94a3b8}.tt-gst-note{margin-top:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.08);font-size:.68rem;color:#64748b}.proxy-details{flex-basis:100%;font-size:.8rem}.proxy-details>summary{cursor:pointer;color:#555}.proxy-hint{color:#888;font-style:italic;margin-left:4px}#proxyTestResult{font-size:.78rem;font-weight:600}.nem12-guide{flex-basis:100%;font-size:.8rem}.nem12-guide>summary{cursor:pointer;color:#2563eb}.nem12-guide ol{margin:6px 0 4px 18px;line-height:1.8}#fileInputRow{display:contents}#proxyRow{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;color:#666;padding-top:6px}#proxyUrl{font-size:.8rem;padding:4px 8px;border:1px solid #ccc;border-radius:6px;background:#fafafa;color:#1a1a2e;width:280px}#proxyUrl:focus{outline:none;border-color:#4a90d9}#proxyUrl.active{border-color:#16a34a;background:#f0fdf4}button{padding:7px 18px;font-size:.875rem;font-weight:500;background:#4a90d9;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:#357abd}button:disabled{background:#aac5e8;cursor:default}#statusBar{font-size:.8rem;color:#555;padding:0 4px;min-height:1.4em;margin-bottom:12px}#chartContainer{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #00000014;position:relative;height:480px}#chartContainer.is-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;border-radius:10px;z-index:10}#chartContainer.is-loading:before{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid #e2e8f0;border-top-color:#4a90d9;border-radius:50%;animation:spin .7s linear infinite;z-index:12}@keyframes spin{to{transform:rotate(360deg)}}.recalc-spinner{display:inline-block;width:11px;height:11px;border:2px solid #cbd5e1;border-top-color:#4a90d9;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:4px}#noDataMsg{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;font-size:1rem;color:#999}.legend-b1{color:#d97706;font-weight:600}.legend-e1{color:#4a90d9;font-weight:600}#locationWrap{position:relative}#locationInput{font-size:.875rem;padding:5px 8px;border:1px solid #ccc;border-radius:6px;background:#fafafa;color:#1a1a2e;width:220px}#locationInput:focus{outline:none;border-color:#4a90d9}#locationInput.loading{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23ccc' stroke-width='3' fill='none'/%3E%3Cpath d='M12 2a10 10 0 0 1 10 10' stroke='%234a90d9' stroke-width='3' fill='none' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='0.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;padding-right:28px}#suggestions{display:none;position:absolute;top:100%;left:0;min-width:100%;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 12px #0000001f;max-height:220px;overflow-y:auto;z-index:100;margin-top:2px}#suggestions.open{display:block}.suggestion-item{padding:7px 12px;font-size:.85rem;cursor:pointer;white-space:nowrap;color:#1a1a2e}.suggestion-item:hover,.suggestion-item.active{background:#eef4fb;color:#2563a8}.suggestion-item em{font-style:normal;font-weight:600}.plan-detail-dialog{border:none;border-radius:10px;box-shadow:0 8px 32px #0000002e;padding:0;max-width:720px;width:95vw;max-height:85vh;overflow:hidden}.plan-detail-dialog[open]{display:flex;flex-direction:column}.plan-detail-dialog::backdrop{background:#0006}.plan-detail-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#f7f8fa;border-bottom:1px solid #e5e7eb;font-size:.9rem}.plan-detail-close{background:none;border:1px solid #d1d5db;border-radius:5px;padding:4px 10px;cursor:pointer;font-size:.8rem;color:#555}.plan-detail-close:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.plan-detail-body{overflow-y:auto;padding:16px 18px;font-size:.83rem;line-height:1.6}.plan-detail-body h3{font-size:.85rem;color:#374151;margin:14px 0 6px;border-bottom:1px solid #f3f4f6;padding-bottom:4px}.plan-detail-body ul{margin:0;padding-left:18px}.plan-detail-footer{margin-top:14px;padding-top:10px;border-top:1px solid #f3f4f6;font-size:.78rem;color:#888}.detail-table{width:100%;border-collapse:collapse;font-size:.8rem}.detail-table th{background:#f9fafb;padding:6px 10px;text-align:left;border-bottom:1px solid #e5e7eb}.detail-table td{padding:6px 10px;border-bottom:1px solid #f3f4f6;vertical-align:top}.plan-detail-btn{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;border-radius:4px;cursor:pointer}.plan-detail-btn:hover{background:#e0f2fe}@media (max-width: 640px){h1{font-size:1.3rem}#controls{gap:8px}#controls label,#controls input,#controls select,#controls button{width:100%;box-sizing:border-box}#locationWrap{width:100%}#chartContainer{height:240px}.plans-table,.plans-table thead,.plans-table tbody,.plans-table th,.plans-table td,.plans-table tr{display:block}.plans-table thead{display:none}.plans-table tr{border:1px solid #e5e7eb;border-radius:6px;margin-bottom:10px;padding:8px 10px;background:#fff}.current-plan-row{background:#fffbeb!important}.plans-table td{border:none;padding:4px 0;font-size:.82rem}.plans-table td:before{content:attr(data-label) ": ";font-weight:600;color:#555;display:inline}.plans-table td.cost,.plans-table td.saving-positive,.plans-table td.saving-negative{text-align:left}}