.usage-slider-block{margin-top:1.25rem;display:flex;flex-direction:column;gap:.6rem}.usage-slider-block.compact{margin-top:1rem}.usage-slider-block label{font-weight:600;color:#1f2933}.usage-slider-block input[type=range]{width:100%}.usage-slider-block .slider-labels{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#4b5563;font-weight:600}.usage-slider-block .slider-current{font-size:.9rem;color:#2563eb}.daytime-group{position:relative}.daytime-group .daytime-display-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;font-weight:600;color:#1f2933}.daytime-group .daytime-value{font-size:1.1rem}.daytime-group .daytime-actions{margin-top:10px;display:flex;gap:10px}.daytime-group.editing input[type=number]{font-weight:600}.plan-order-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.plan-order-controls .btn-text{font-size:.85rem;padding:4px 8px;border:1px solid rgba(79,70,229,.4);border-radius:6px;background:#6366f114;color:var(--primary-color)}.plan-order-controls .btn-text:disabled{opacity:.4;cursor:not-allowed}.plan-editor-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.plan-editor-actions .plan-order-controls{margin-top:0}*{margin:0;padding:0;box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}:root{--primary-color: #667eea;--primary-dark: #764ba2;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-gray: #f8f9fa;--medium-gray: #e9ecef;--dark-gray: #6c757d;--text-dark: #2c3e50;--text-light: #7f8c8d;--border-color: #ddd;--shadow-sm: 0 2px 4px rgba(0,0,0,.1);--shadow-md: 0 4px 8px rgba(0,0,0,.15);--shadow-lg: 0 10px 25px rgba(0,0,0,.2)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f7fa;min-height:100vh;color:var(--text-dark);line-height:1.6;overflow-x:hidden}.app-container{position:relative;min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.app-layout,.main-content{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.app-header{background:#fff;padding:15px 20px;box-shadow:0 2px 4px #00000014;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:100;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.menu-toggle span{width:24px;height:3px;background:var(--text-dark);border-radius:2px;transition:all .3s}.header-brand{display:flex;align-items:center;gap:12px;flex:1}.header-brand img{height:40px;width:auto}.header-title h1{font-size:20px;color:var(--text-dark);margin-bottom:2px}.header-subtitle{font-size:12px;color:var(--text-light)}.header-actions{display:flex;align-items:center}.logout-btn{padding:8px 14px;border-radius:8px;border:none;cursor:pointer;font-weight:600;color:#dc2626;background:linear-gradient(135deg,#ef44441f,#dc262633);transition:all .3s ease}.logout-btn:hover{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.lang-btn:hover{background:var(--light-gray);color:var(--primary-color)}.lang-btn.active{background:var(--primary-color);color:#fff}.lang-separator{color:var(--border-color)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90;animation:fadeIn .2s}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:#fff;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;z-index:95;transition:transform .3s ease}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.sidebar-logo img{height:35px;width:auto}.sidebar-close{display:none;background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-light);padding:0;width:32px;height:32px;line-height:1}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:15px;padding:15px 20px;border:none;background:none;text-decoration:none;color:inherit;width:100%;text-align:left;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.sidebar-nav-item:hover{background:var(--light-gray)}.sidebar-nav-item.active{background:linear-gradient(90deg,rgba(102,126,234,.1) 0%,transparent 100%);border-left-color:var(--primary-color)}.nav-icon{font-size:24px;flex-shrink:0}.nav-content{display:flex;flex-direction:column;gap:2px}.nav-label{font-weight:600;color:var(--text-dark);font-size:15px}.sidebar-nav-item.active .nav-label{color:var(--primary-color)}.nav-description{font-size:12px;color:var(--text-light)}.sidebar-footer{padding:20px;border-top:1px solid var(--border-color)}.install-app-card{background:#eef2ff;border-radius:10px;padding:12px 14px;margin-bottom:15px;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(99,102,241,.2)}.install-title{font-size:.95rem;font-weight:600;color:#312e81;margin:0}.install-subtitle{font-size:.8rem;color:#4338ca;margin:0}.install-button{align-self:flex-start;background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:8px 20px;border-radius:999px;font-weight:600;cursor:pointer;transition:opacity .2s}.install-button:hover{opacity:.9}.install-status{font-size:.75rem;color:#1e1b4b;margin:0}.sidebar-info{background:var(--light-gray);padding:12px;border-radius:8px}.info-label{font-size:11px;color:var(--text-light);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;font-weight:600;color:var(--primary-color)}.app-layout{display:flex;flex:1;position:relative}.main-content{flex:1;margin-left:280px;min-height:calc(100vh - 70px);transition:margin-left .3s ease}.content-wrapper{max-width:1200px;margin:0 auto;padding:12px 16px 40px;width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}.tab-navigation{display:flex;gap:8px;margin-bottom:18px;border-bottom:1px solid #e5e7eb;padding-bottom:0}.tab-btn{padding:8px 16px;background:#667eea1a;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-weight:600;color:var(--text-dark);transition:all .2s;display:flex;align-items:center;gap:6px;font-size:.9rem}.tab-btn:hover{background:#667eea33;transform:translateY(-1px)}.tab-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 6px 16px #667eea40}.tab-icon{font-size:18px}.tab-content-area{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:28px;color:var(--text-dark);margin-bottom:10px;font-weight:700}.section-subtitle{color:var(--text-light);margin-bottom:30px;font-size:16px}.disclaimer,.info-banner{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px;margin-bottom:25px;font-size:14px;color:#856404;line-height:1.6}.info-banner{background:linear-gradient(135deg,#e0e7ff,#ddd6fe);border-left:4px solid var(--primary-color);color:#4c1d95}.info-banner strong{color:#5b21b6}.loading{text-align:center;padding:60px 20px;color:var(--text-light);font-size:18px}.error-message{background:#fff5f5;border:2px solid #fc8181;color:#c53030;padding:15px 20px;border-radius:8px;margin:20px 0;font-weight:500;display:flex;align-items:center;gap:10px}.error-icon{font-size:20px}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px;box-shadow:0 8px 24px #0f172a0d;margin-bottom:28px}.form-section-title{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:18px;display:flex;align-items:center;gap:8px}.form-section-title:before{content:"";display:inline-block;width:6px;height:24px;border-radius:3px;background:linear-gradient(180deg,var(--primary-color),var(--primary-dark))}.input-group{display:flex;flex-direction:column;gap:10px;background:#f9fbff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px;transition:all .2s ease;box-shadow:inset 0 1px #fff9}.input-group.full-width{grid-column:1 / -1}.input-group label{font-weight:600;color:var(--text-dark);font-size:15px}.input-display{padding:13px 14px;border:1px solid #d4dae4;border-radius:10px;font-size:15px;background:#f9fafb;color:var(--text-dark);font-weight:500;min-height:20px}.input-group input,.input-group select{padding:13px 14px;border:1px solid #d4dae4;border-radius:10px;font-size:15px;transition:all .2s ease;background:#fff;font-family:inherit}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea26}.input-group:focus-within{background:#fff;border-color:#667eea99;box-shadow:0 12px 24px #667eea1f}.input-group input:disabled,.input-group select:disabled{background:var(--light-gray);cursor:not-allowed;opacity:.6}.input-hint{font-size:12px;color:#6b7280;font-style:italic;margin-top:-4px}.input-lock-hint{font-size:11px;color:#9ca3af;font-style:italic;margin-top:-6px}.custom-input{margin-top:10px}.btn-primary,.calculate-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea4d;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.btn-primary:hover,.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:active,.calculate-btn:active{transform:translateY(0)}.btn-icon{font-size:20px}.btn-copy,.btn-export{padding:12px 24px;background:var(--success-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px}.btn-copy:hover,.btn-export:hover{background:#218838;transform:translateY(-2px)}.btn-settings{padding:12px 20px;background:#1f2937;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px}.btn-settings:hover{background:#111827;transform:translateY(-2px)}.actions-row{display:flex;gap:10px;align-items:center}.btn-lang{padding:12px 24px;background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-lang:hover{background:var(--primary-color);color:#fff}.btn-new{padding:12px 24px;background:#fff;color:var(--text-dark);border:2px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-new:hover{background:var(--light-gray);border-color:var(--text-dark)}.savings-results{margin-top:30px;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.savings-summary{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.savings-card{background:var(--light-gray);border-radius:12px;padding:25px;text-align:center;min-width:200px;box-shadow:var(--shadow-sm)}.savings-card.current-bill{background:linear-gradient(135deg,#fff5f5,#ffe5e5)}.savings-card.new-bill{background:linear-gradient(135deg,#f0fff4,#d4edda)}.savings-card h3{font-size:14px;color:var(--text-light);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.savings-card .amount{font-size:32px;font-weight:700;color:var(--text-dark);margin-bottom:5px}.savings-card .usage{font-size:14px;color:var(--text-light)}.savings-arrow{font-size:36px;color:var(--success-color);font-weight:700}.savings-highlight{background:linear-gradient(135deg,var(--success-color) 0%,#20c997 100%);color:#fff;padding:25px;border-radius:12px;text-align:center;margin-bottom:30px}.savings-highlight .savings-amount{display:flex;align-items:center;justify-content:center;gap:15px;font-size:24px;font-weight:700;margin-bottom:10px}.savings-highlight .amount{font-size:36px}.savings-percentage{font-size:18px;opacity:.9}.savings-details{background:var(--light-gray);border-radius:12px;padding:25px}.savings-details h4{margin-bottom:20px;color:var(--text-dark)}.energy-flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.energy-flow-column h5{margin-bottom:15px;color:var(--primary-color);font-size:16px}.flow-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color)}.bill-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.bill-column{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb}.bill-title{margin:0 0 20px;font-size:14px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.bill-header-with-tag{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bill-tag{background:#10b981;color:#fff;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bill-item{margin-bottom:16px}.bill-label{font-size:13px;color:#6b7280;margin-bottom:4px}.bill-value{font-size:15px;color:#1f2937;font-weight:600}.bill-amount{font-size:15px;font-weight:600;margin-bottom:4px}.bill-amount.positive{color:#1f2937}.bill-amount.negative{color:#10b981}.bill-description{font-size:12px;color:#9ca3af;line-height:1.4}.bill-total{margin-top:20px;padding-top:16px;border-top:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.bill-total-label{font-size:15px;font-weight:600;color:#1f2937}.bill-total-amount{font-size:18px;font-weight:700;color:#2563eb}@media (max-width: 768px){.bill-comparison{grid-template-columns:1fr;gap:20px}.bill-column{padding:20px}}.flow-item:last-child{border-bottom:none}.flow-item.atap-credit{margin-top:15px;padding-top:15px;border-top:2px solid var(--success-color);font-weight:600;color:var(--success-color)}.quotation-result{margin-top:30px;animation:slideUp .5s ease-out}.quotation-result h3{font-size:24px;color:var(--text-dark);margin-bottom:8px}.result-subtitle{color:var(--text-light);margin-bottom:20px}.plan-summary{background:#fff;border-radius:18px;padding:14px 12px;box-shadow:0 8px 24px #0f172a14;border:1px solid rgba(102,126,234,.08);margin-bottom:16px;width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column}.plan-summary-header{display:flex;flex-direction:column;gap:2px;margin-bottom:16px;width:100%;max-width:100%}.plan-summary-header h4{font-size:18px;color:var(--text-dark);font-weight:700}.plan-summary-header p{font-size:13px;color:var(--text-light)}.plan-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;align-items:stretch;justify-items:stretch;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.plan-summary-grid>.plan-card{width:100%;max-width:100%;min-width:0}.comparison-export-frame{margin-top:24px;background:#f4f6fb;padding:26px;border-radius:26px}.comparison-table-card{margin-top:0;background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(102,126,234,.12);display:flex;flex-direction:column;gap:18px}.comparison-table-brand{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 28px;background:linear-gradient(120deg,#4f66f1,#7140dd 55%,#8a3dcb);color:#fff}.comparison-brand-head{display:flex;align-items:center;gap:18px;flex:1 1 320px;min-width:220px}.comparison-brand-meta{display:flex;align-items:center;gap:12px;margin-left:auto}.comparison-table-brand img{height:64px;filter:brightness(0) invert(1)}.comparison-table-brand h4{margin:0;font-size:1.55rem;font-weight:700;letter-spacing:.015em}.comparison-table-brand p{margin:4px 0 0;font-size:1rem;color:#ffffffc7}.comparison-sales-card{background:#ffffff1f;border-radius:14px;padding:12px 18px;display:flex;flex-direction:column;gap:4px;min-width:180px;border:1px solid rgba(255,255,255,.24)}.comparison-sales-card .sales-card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffffc7}.comparison-sales-card .sales-card-name{font-size:1.05rem;font-weight:700;color:#fff}.comparison-sales-card .sales-card-phone{font-size:.92rem;color:#ffffffeb}.comparison-table-brand .btn-text{margin-left:0;background:#ffffff1f;color:#fff;border:1.8px solid rgba(255,255,255,.6);padding:8px 18px;border-radius:999px;font-weight:600;letter-spacing:.01em;transition:all .2s ease}.comparison-table-brand .btn-text:hover{background:#fff;color:#5136ff;border-color:transparent}.force-desktop-layout{min-width:800px!important;width:auto!important;max-width:none!important}.force-desktop-layout .comparison-table-card{min-width:800px!important;width:auto!important}.force-desktop-layout .comparison-table-brand{flex-direction:row!important;text-align:left!important;justify-content:space-between!important;align-items:center!important}.force-desktop-layout .comparison-table-brand .btn-text{margin-left:auto!important}.force-desktop-layout .comparison-table-wrapper{overflow-x:visible!important;width:100%!important;max-width:none!important}.force-desktop-layout .comparison-table{min-width:760px!important;width:100%!important;display:table!important;table-layout:auto!important}.force-desktop-layout .comparison-table thead{display:table-header-group!important}.force-desktop-layout .comparison-table tbody{display:table-row-group!important}.force-desktop-layout .comparison-table tr{display:table-row!important}.force-desktop-layout .comparison-table th,.force-desktop-layout .comparison-table td{display:table-cell!important;width:auto!important;min-width:auto!important}.comparison-table-card{margin-top:24px;background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid rgba(102,126,234,.12);display:flex;flex-direction:column;gap:16px}.comparison-table-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.comparison-table-header h4{margin:0;font-size:18px;color:var(--text-dark);font-weight:700}.comparison-table-header p{margin:4px 0 0;font-size:13px;color:var(--text-light)}.comparison-table-wrapper{overflow-x:auto}.comparison-table{width:100%;min-width:760px;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(102,126,234,.12);font-size:14px;color:#1f2937}.comparison-table th{background:#667eea1f;text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:#3b5bdb}.comparison-table tr:nth-child(2n) td{background:#667eea0a}.comparison-table tr:last-child td{border-bottom:none}.plan-card{background:#f4f6ffb3;border-radius:16px;padding:14px;border:1px solid rgba(102,126,234,.18);display:flex;flex-direction:column;gap:10px;width:100%;max-width:100%;min-width:0;overflow-x:visible;overflow-y:visible;box-sizing:border-box;scroll-margin-top:100px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.plan-card-selected{background:linear-gradient(135deg,#25d3661f,#128c7e14)!important;border-color:#25d36659!important;box-shadow:0 4px 12px #25d36626!important}.plan-card:hover{box-shadow:0 10px 24px #667eea2e}.plan-card-selected:hover{box-shadow:0 6px 16px #25d36640!important}.plan-card-header{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%;max-width:100%}.plan-card-index{font-size:12px;font-weight:700;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.45px;text-transform:uppercase;color:var(--primary-dark);background:#764ba21a;align-self:flex-start;padding:4px 10px;border-radius:999px;display:inline-block;flex-shrink:1}.plan-card-top{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-width:0;width:100%;max-width:100%;overflow-x:visible;box-sizing:border-box}.plan-card-top>*{min-width:0;max-width:100%;overflow-x:visible}.plan-card-labels{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;flex:0 1 auto;max-width:100%;overflow-x:visible;box-sizing:border-box}.plan-checkbox{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--primary-color);background:#fff;border:1.5px solid rgba(102,126,234,.35);border-radius:999px;padding:4px 10px;transition:all .2s ease;flex-shrink:0;min-width:0;max-width:100%;width:auto}.plan-checkbox input:checked+span{color:var(--success-color);font-weight:700}.plan-checkbox input{width:14px;height:14px;cursor:pointer;flex-shrink:0}.plan-checkbox span{min-width:0;text-align:center;display:inline-block;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:60px;flex-shrink:0}.plan-card-badge{padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#429a7829;color:#257d61;border:1px solid rgba(66,154,120,.35);white-space:nowrap;flex-shrink:1;max-width:60px;overflow:hidden;text-overflow:ellipsis;display:inline-block}.plan-card-header h5{font-size:15px;font-weight:700;color:#1f2933;min-width:0;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.plan-card-system{font-size:12px;color:var(--text-light);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.plan-card-body{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%;max-width:100%}.plan-metric{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:10px;background:#ffffffb3;border:1px solid rgba(102,126,234,.08)}.plan-metric.plan-metric-adjust{justify-content:space-between;flex-direction:row;gap:12px;padding:8px 10px}.plan-metric.plan-metric-adjust .metric-caption-inline{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-light);flex-shrink:0;min-width:64px}.adjust-group-inline{flex:1;display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:auto;min-width:120px;max-width:100%;overflow:visible}.adjust-group-inline .adjust-value{flex:1;text-align:center;font-weight:600;color:#0f172a;white-space:nowrap;min-width:60px;overflow:visible;text-overflow:clip;display:block}.plan-metric-clickable{width:100%;text-align:left;border:1px solid rgba(102,126,234,.25);background:linear-gradient(135deg,#667eea2e,#764ba21f);font:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative}.plan-metric-clickable:hover,.plan-metric-clickable:focus{transform:translateY(-1px);box-shadow:0 6px 14px #667eea2e}.plan-metric-clickable:focus{outline:none}.plan-metric-clickable .metric-label{color:var(--primary-dark)}.plan-metric-clickable .metric-value{display:flex;align-items:center;gap:6px}.metric-chevron{font-size:11px;color:var(--primary-dark)}.plan-details-section{margin-top:12px;padding:16px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb;border-left:3px solid #10b981}.plan-details-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px}.plan-detail-item{display:flex;flex-direction:column;gap:4px}.plan-detail-label{font-size:.875rem;color:#6b7280;font-weight:500}.plan-detail-value{font-size:1.125rem;font-weight:700;color:#1f2937}.upgrade-info{margin-top:16px;padding:16px;background:#fff7ed;border-radius:10px;border:1px solid #fed7aa;border-left:3px solid #f59e0b}.upgrade-info-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:#92400e;margin-bottom:12px}.upgrade-icon{font-size:1.2rem}.upgrade-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.upgrade-detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #fed7aa}.upgrade-detail-label{font-weight:600;color:#92400e;font-size:.9rem}.upgrade-detail-value{font-weight:600;color:#1f2937}.upgrade-steps{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.upgrade-step{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #fed7aa;font-size:.9rem}.upgrade-step-number{font-weight:700;color:#f59e0b;min-width:20px}.upgrade-step-text{flex:1;color:#1f2937}.upgrade-step-cost{font-weight:600;color:#e74c3c}.upgrade-explanation{margin-top:12px;padding:10px 12px;background:#fff;border-radius:6px;border:1px solid #fed7aa;font-size:.9rem;color:#92400e;font-weight:500}.scenario-analysis{margin-top:20px}.scenario-analysis-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:12px}.scenario-icon{font-size:1.125rem}.scenario-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.scenario-table thead{background:#f3f4f6}.scenario-table th{padding:12px 16px;text-align:left;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.scenario-table td{padding:12px 16px;font-size:.9375rem;color:#1f2937;border-bottom:1px solid #e5e7eb}.scenario-table tbody tr:last-child td{border-bottom:none}.scenario-table tbody tr:hover{background:#f9fafb}.scenario-table tbody tr.scenario-current{background:#dbeafe}.scenario-table tbody tr.scenario-current td{font-weight:600;color:#1e40af}.bill-breakdown-container{margin-top:20px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.bill-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.bill-breakdown-column{background:#fff;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.bill-breakdown-title{font-size:.875rem;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e5e7eb;text-transform:uppercase;letter-spacing:.5px}.bill-breakdown-compact{display:flex;flex-direction:column;gap:8px}.bill-breakdown-group{display:flex;flex-direction:column;gap:4px;margin:4px 0}.bill-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.8125rem}.bill-breakdown-row.credit .bill-breakdown-value-compact{color:#10b981}.bill-breakdown-row.total{margin-top:8px;padding-top:10px;border-top:2px solid #e5e7eb;font-weight:700;font-size:.9375rem}.bill-breakdown-label-compact{color:#6b7280;font-size:.8125rem;flex:1}.bill-breakdown-value-compact{font-weight:600;color:#1f2937;text-align:right;min-width:90px;font-size:.8125rem}.bill-breakdown-row.total .bill-breakdown-value-compact{font-size:1rem;font-weight:700;color:#1f2937}.bill-breakdown-notes-compact{margin-top:12px;padding:10px 12px;background:#fff;border-radius:6px;border-left:3px solid #3b82f6}.bill-breakdown-note-text{font-size:.75rem;color:#4b5563;line-height:1.5;display:block}@media (max-width: 768px){.bill-breakdown-grid{grid-template-columns:1fr;gap:16px}}.support-angle-details{margin-top:10px;padding:10px 12px;border-radius:10px;background:#ffffffe6;border:1px dashed rgba(118,75,162,.35);display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;font-size:13px}.detail-label{color:var(--text-light);font-weight:600}.detail-value{color:var(--text-dark);font-weight:700}.metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-light);font-weight:600}.metric-value{font-size:14px;font-weight:700;color:var(--text-dark)}.plan-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed rgba(118,75,162,.25);padding-top:12px;margin-top:4px}.plan-warning{margin-top:12px;padding:12px 14px;border-radius:8px;background:#ffd6662e;border:1px solid rgba(247,171,69,.4);color:#8a5700;font-size:13px;line-height:1.5;display:flex;align-items:flex-start;gap:10px}.plan-warning .warning-icon{font-size:18px;flex-shrink:0;margin-top:1px}.plan-warning .warning-content{flex:1;display:flex;flex-direction:column;gap:4px}.plan-warning .warning-title{font-weight:700;color:#8a5700;font-size:13px;margin-bottom:2px}.plan-warning .warning-message{font-size:12px;color:#7c4a00;line-height:1.5}.recommendation-empty{margin-top:20px;padding:18px;border-radius:12px;background:var(--light-gray);border:1px dashed rgba(102,126,234,.35);color:var(--text-light);font-size:14px;text-align:center}.template-box{background:var(--light-gray);border-radius:12px;padding:20px;margin-bottom:20px}.whatsapp-template{background:#fff;padding:20px;border-radius:8px;font-family:Courier New,monospace;white-space:pre-wrap;line-height:1.8;font-size:13px;max-height:500px;overflow-y:auto;border:2px solid var(--border-color);color:var(--text-dark)}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.matrix-controls{display:flex;gap:15px;flex-wrap:wrap;padding:20px;background:var(--light-gray);border-radius:8px;margin-bottom:25px}.control-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.control-group label{font-weight:600;color:var(--text-dark);font-size:13px}.control-group input,.control-group select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.matrix-container{overflow:hidden;margin-bottom:30px}.matrix-scroll-container{overflow-x:auto;overflow-y:auto;max-height:70vh;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.matrix-table{width:100%;border-collapse:collapse;font-size:11px;min-width:1500px}.matrix-table th{background:#34495e;color:#fff;padding:10px 8px;text-align:center;position:sticky;top:0;z-index:10;font-weight:600;font-size:11px;border:1px solid #2c3e50}.matrix-table thead tr:nth-child(2) th{top:42px;z-index:9}.matrix-table th.sticky-col{left:0;z-index:12;background:#2c3e50;min-width:80px}.matrix-table th.sticky-col-2{left:80px;z-index:12;background:#2c3e50;min-width:70px}.matrix-table th.header-rm{background:#1f2937;font-size:11px}.matrix-table th.header-kwh{background:#34495e;font-size:10px}.matrix-table th.highlight{background:var(--success-color)!important}.matrix-table td{padding:8px 6px;text-align:center;border:1px solid var(--border-color);min-width:70px}.matrix-table td.sticky-col{position:sticky;left:0;background:#e9ecef;font-weight:600;z-index:6;min-width:80px}.matrix-table td.sticky-col-2{position:sticky;left:80px;background:#fff3cd;font-weight:600;z-index:6;min-width:70px}.matrix-table tr:nth-child(2n){background:#f8f9fa}.matrix-table tr:hover{background:#e8f4f8}.savings-cell{cursor:pointer;transition:all .2s}.savings-cell:hover{background:#d4edda!important;transform:scale(1.05);box-shadow:var(--shadow-md)}.savings-cell.highlight-col{background:#fff3cd!important}.savings-cell .savings-amount{font-weight:600;color:var(--success-color);font-size:11px;margin-bottom:2px}.savings-cell .savings-percentage{font-size:9px;color:var(--dark-gray);margin-bottom:2px}.savings-cell .new-bill{font-size:8px;color:#495057}.savings-cell .roi-line{font-size:9px;color:#0f766e;font-weight:600}.matrix-table tr.recommendation-row{background:#fff!important;border-top:3px solid #2563eb}.matrix-table tr.recommendation-row.recommendation-lowest-roi{background:#eff6ff!important;border-top-color:#3b82f6}.matrix-table tr.recommendation-row.recommendation-80plus{background:#f0fdf4!important;border-top-color:#22c55e}.matrix-table tr.recommendation-row.recommendation-99plus{background:#fef3c7!important;border-top-color:#f59e0b}.matrix-table tr.recommendation-row:hover{background:#e0e7ff!important}.matrix-table tr.recommendation-row.recommendation-80plus:hover{background:#dcfce7!important}.matrix-table tr.recommendation-row.recommendation-99plus:hover{background:#fde68a!important}.matrix-table td.recommendation-label{background:#1e40af!important;color:#fff!important;font-weight:700;font-size:11px;text-align:center;position:sticky;left:0;z-index:8;border-right:2px solid #1e3a8a;width:150px;min-width:150px}.matrix-table tr.recommendation-row.recommendation-80plus td.recommendation-label{background:#15803d!important;border-right-color:#166534}.matrix-table tr.recommendation-row.recommendation-99plus td.recommendation-label{background:#d97706!important;border-right-color:#b45309}.matrix-table td.recommendation-cell{background:#f8fafc!important;border:2px solid #cbd5e1}.matrix-table tr.recommendation-row.recommendation-lowest-roi td.recommendation-cell{background:#eff6ff!important;border-color:#bfdbfe}.matrix-table tr.recommendation-row.recommendation-80plus td.recommendation-cell{background:#f0fdf4!important;border-color:#bbf7d0}.matrix-table tr.recommendation-row.recommendation-99plus td.recommendation-cell{background:#fef3c7!important;border-color:#fde68a}.matrix-table td.recommendation-cell:hover{background:#e0e7ff!important;transform:scale(1.03);box-shadow:0 2px 8px #2563eb33}.matrix-table tr.recommendation-row.recommendation-80plus td.recommendation-cell:hover{background:#dcfce7!important;box-shadow:0 2px 8px #22c55e33}.matrix-table tr.recommendation-row.recommendation-99plus td.recommendation-cell:hover{background:#fde68a!important;box-shadow:0 2px 8px #f59e0b33}.matrix-table .recommendation-info{margin-bottom:4px}.matrix-table .recommendation-system{font-size:9px;font-weight:700;color:#1e40af;background:#dbeafe;padding:2px 4px;border-radius:3px;display:inline-block}.matrix-table tr.recommendation-row.recommendation-80plus .recommendation-system{color:#15803d;background:#dcfce7}.matrix-table tr.recommendation-row.recommendation-99plus .recommendation-system{color:#d97706;background:#fed7aa}.matrix-table td.recommendation-info-cell{font-weight:600;font-size:10px;padding:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.modal-content{background:#fff;border-radius:12px;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0f172a4d;padding:30px;position:relative;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-actions{display:flex;align-items:center;gap:12px}.modal-close{position:relative;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-light);transition:color .3s}.modal-close:hover{color:var(--text-dark)}.modal-header h2{font-size:24px;color:var(--text-dark);margin-bottom:8px}.modal-header p{color:var(--text-light);font-size:14px}.modal-header-actions{display:flex;align-items:center;gap:8px}.lang-toggle{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:var(--text-dark);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.lang-toggle:hover{background:#f9fafb;border-color:var(--primary-color)}.lang-toggle.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.ten-year-modal{max-width:900px}.ten-year-comparison-content{margin:20px 0}.ten-year-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:14px}.ten-year-table thead{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.ten-year-table th{padding:14px 16px;text-align:left;font-weight:700;font-size:15px}.ten-year-table th:first-child{border-top-left-radius:8px}.ten-year-table th:last-child{border-top-right-radius:8px}.ten-year-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb}.ten-year-table tbody tr:hover{background:#f9fafb}.ten-year-table tbody tr:last-child td{border-bottom:none}.separator-row td{padding:8px;background:#f3f4f6;border-bottom:2px solid #d1d5db}.net-savings-row{background:#f0fdf4!important;border-top:2px solid #10b981}.net-savings-row td{padding:16px;font-size:15px}.net-savings-value{color:#10b981;font-size:16px}.ten-year-punchline{background:#fef3c7;border-left:4px solid #f59e0b;padding:16px 20px;border-radius:8px;margin-top:20px}.ten-year-punchline p{margin:0;color:#92400e;font-size:13px;line-height:1.6;font-style:italic}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-ten-year{margin-top:8px}.btn-ten-year .metric-label{color:var(--primary-color);font-weight:600}.payment-method-toggle{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.payment-method-toggle label{font-weight:600;color:var(--text-dark);font-size:14px;margin:0}.toggle-buttons{display:flex;gap:8px}.toggle-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:var(--text-dark);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn:hover{border-color:var(--primary-color);background:#f3f4f6}.toggle-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.modal-card{background:var(--light-gray);border:1px solid var(--border-color);border-radius:8px;padding:15px}.modal-card h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:8px}.modal-card .value{font-size:20px;font-weight:600;color:var(--text-dark)}.modal-card .savings-percent,.modal-card .roi-text,.modal-card .export-text{font-size:13px;color:var(--success-color);font-weight:600;margin-top:4px}details{background:var(--light-gray);border-radius:8px;border:1px solid var(--border-color);margin-bottom:15px;padding:15px}details summary{cursor:pointer;font-weight:600;color:var(--text-dark);outline:none;-webkit-user-select:none;user-select:none}details summary::-webkit-details-marker{color:var(--primary-color)}details[open] summary{margin-bottom:12px}.detail-list{list-style:none;padding:0;margin:0;color:var(--text-dark);font-size:14px}.detail-list li{padding:6px 0;border-bottom:1px solid var(--border-color)}.detail-list li:last-child{border-bottom:none}.detail-list.upgrade-steps{margin-top:10px;padding-top:10px;border-top:2px solid var(--warning-color)}.upgrade-explanation{margin-bottom:12px;padding:12px;background:#fff7ed;border-radius:6px;border-left:3px solid #f59e0b;font-size:13px;line-height:1.5}.main-footer{background:#fff;padding:40px 20px 20px;box-shadow:0 -2px 10px #0000001a;position:relative;z-index:10}.footer-content{max-width:1200px;margin:0 auto 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.footer-section h4{color:var(--text-dark);margin-bottom:15px;font-size:16px}.footer-address{color:var(--text-light);font-size:14px;line-height:1.8}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:20px;border-top:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.footer-contact{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.footer-contact a{color:var(--primary-color);text-decoration:none;transition:color .3s}.footer-contact a:hover{color:var(--primary-dark);text-decoration:underline}.footer-copyright{color:var(--text-light);font-size:14px}.whatsapp-float{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #25d36666;z-index:1000;transition:all .3s}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 20px #25d36699}.whatsapp-float svg{width:35px;height:35px;fill:#fff}@media (max-width: 1024px){.menu-toggle{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay,.sidebar-close{display:block}.main-content{margin-left:0}.header-title h1{font-size:18px}.header-subtitle{display:none}}@media (max-width: 768px){.app-header{padding:12px 15px}.header-brand img{height:32px}.header-title h1{font-size:16px}.header-actions{gap:10px}.logout-btn{padding:6px 12px;font-size:13px}.content-wrapper{padding:20px 15px}.section-title{font-size:22px}.input-grid{grid-template-columns:1fr;gap:15px}.savings-summary{flex-direction:column;gap:15px}.savings-card{min-width:100%}.energy-flow-grid,.action-buttons{grid-template-columns:1fr}.plan-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.roi-insights{grid-template-columns:1fr}.plan-summary-actions{justify-content:flex-start}.plan-card{padding:16px}.plan-card-top{flex-direction:column;align-items:flex-start;gap:6px}.plan-checkbox span{font-size:11px}.selection-actions{flex-direction:column;align-items:stretch;text-align:left}.selection-buttons{width:100%;flex-direction:column}.selection-buttons button{width:100%;text-align:center}.matrix-controls{flex-direction:column}.control-group{min-width:100%}.modal-content{padding:20px;max-width:95%}.modal-grid,.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center;gap:10px}.whatsapp-float{bottom:20px;right:20px;width:50px;height:50px}.whatsapp-float svg{width:28px;height:28px}.sidebar{width:260px}.sidebar-nav-item{padding:12px 15px}.nav-icon{font-size:20px}.nav-label{font-size:14px}.nav-description{font-size:11px}}@media (max-width: 480px){.header-brand img{height:28px}.header-title h1{font-size:14px}.logout-btn{padding:6px 10px;font-size:12px}.section-title{font-size:20px}.btn-primary,.calculate-btn{font-size:16px;padding:14px 20px}.savings-card .amount{font-size:28px}.sidebar{width:240px}.plan-card{gap:10px}.plan-metric{flex-direction:column;align-items:flex-start;gap:4px}.plan-metric .metric-value{width:100%}.selection-actions span{font-size:13px}}.selection-actions{margin-top:24px;padding:18px 20px;border-radius:16px;background:#fff;border:1px solid rgba(102,126,234,.12);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;gap:16px;font-size:14px}.selection-count{font-weight:600;color:var(--primary-dark);display:inline-flex;align-items:center;gap:8px}.selection-count:before{content:"✓";display:inline-flex;width:22px;height:22px;border-radius:50%;background:#667eea2e;color:var(--primary-dark);align-items:center;justify-content:center;font-size:.8rem}.selection-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.btn-select-all,.btn-select-recommended,.btn-generate,.selection-buttons .btn-lang{padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:600;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;transition:opacity .2s ease}.btn-select-all{background:var(--text-light);color:#fff}.btn-select-all:hover{opacity:.85}.btn-select-recommended{background:#667eea1f;color:var(--primary-color);border:1px solid rgba(102,126,234,.4)}.btn-select-recommended:hover{background:#667eea38}.btn-generate:disabled,.selection-buttons .btn-lang:disabled{opacity:.5;cursor:not-allowed}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,rgba(62,185,185,.38),transparent 55%),radial-gradient(circle at bottom right,rgba(100,118,243,.36),transparent 45%),#eef4ff;padding:30px 20px}.login-card{background:#fff;padding:36px;border-radius:24px;box-shadow:0 32px 68px #414bb22e;width:min(440px,100%);display:flex;flex-direction:column;gap:18px;text-align:center}.login-brand{display:flex;flex-direction:column;align-items:center;gap:10px}.login-brand img{height:52px}.login-title{font-size:24px;font-weight:700;color:var(--text-dark)}.login-subtitle{font-size:14px;color:#4b4f8c}.login-form{display:flex;flex-direction:column;gap:12px;text-align:left}.login-form label{font-weight:600;color:var(--text-dark)}.login-form input{padding:14px 16px;border-radius:12px;border:1px solid rgba(102,126,234,.35);font-size:15px;background:#f1f4ffbf}.login-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea33}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#b91c1c;border-radius:8px;padding:10px 12px;font-size:13px}.login-screen .btn-primary{width:100%;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}@media (max-width: 480px){.login-card{padding:24px;gap:14px}.login-brand img{height:42px}.login-title{font-size:20px}.login-subtitle,.login-motivation{font-size:13px}}.template-result{margin-top:20px}.btn-text{background:none;border:none;color:#2563eb;font-weight:600;cursor:pointer;padding:0;transition:color .2s ease}.btn-text:hover{color:#1d4ed8}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #d1d5db;color:#1f2933;border-radius:12px;padding:.65rem 1.2rem;font-weight:600;box-shadow:0 10px 25px #0f172a14;transition:transform .2s ease,box-shadow .2s ease,border .2s ease,color .2s ease;cursor:pointer}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 18px 36px #0f172a24;border-color:#9ca3af;color:#0f172a}.btn-secondary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-reset{background:transparent;border:1px dashed #9ca3af;color:#4b5563;border-radius:8px;padding:.45rem .75rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease}.btn-reset:hover{border-color:#2563eb;color:#2563eb}.system-recommendation{display:flex;flex-direction:column;gap:1.75rem;max-width:1240px;margin:0 auto;padding:0 24px 60px;width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}.roi-layout{display:flex;flex-direction:column;gap:24px;align-items:stretch;width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}.roi-plan-layout{display:block}.roi-sidebar{display:flex;flex-direction:column;gap:20px;position:static;top:auto;align-self:stretch;width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}.roi-main{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}.roi-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.roi-card{background:#fff;border-radius:18px;box-shadow:0 22px 55px #0f172a14;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.roi-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.roi-card-header h4{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.35rem}.roi-card-header p{color:#4b5563;font-size:.95rem;margin:0}.roi-card-body{display:flex;flex-direction:column;gap:1.25rem}.roi-card-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;background:#f5f7ff;border-radius:12px;padding:1rem}.roi-card-metrics .metric-label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.2rem}.roi-card-metrics .metric-value{font-size:1.05rem;font-weight:700;color:#1f2933}.roi-card-system{display:flex;flex-direction:column;gap:.65rem}.roi-card-system .system-line{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#1f2933;gap:1rem}.roi-card-system .system-line strong{font-weight:600;color:#0f172a}.adjust-group{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;width:100%}.adjust-group span{flex:1;text-align:center;font-weight:600;color:#0f172a;white-space:nowrap}.adjust-button{width:30px;height:30px;border-radius:50%;border:1px solid #cbd5f5;background:#f8fafc;color:#1e293b;font-size:1.1rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .2s ease}.adjust-button:hover:not(:disabled){background:#e0e7ff;border-color:#94a3b8;transform:translateY(-1px)}.adjust-button:disabled{opacity:.5;cursor:not-allowed}.reset-plan{margin-top:.6rem;font-size:.85rem;font-weight:600;color:#2563eb;padding:0}.reset-plan:hover{color:#1d4ed8}.roi-card-empty{background:#fef3c7;color:#92400e;border-radius:12px;padding:1rem;font-weight:600}.roi-card-note{margin-top:.75rem;padding:.65rem .75rem;border-radius:10px;background:#3b82f61f;color:#1d4ed8;font-size:.9rem;font-weight:600}.roi-card-filters{border-top:1px solid #e5e7eb;padding-top:1.25rem;display:flex;flex-direction:column;gap:.85rem}.roi-card-filters .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem}.roi-card-filters label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#334155}.roi-card-filters input,.roi-card-filters select{border-radius:10px;border:1px solid #d1d5db;padding:.55rem .75rem;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.roi-card-filters input:focus,.roi-card-filters select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26;outline:none}.filter-note{margin-top:.5rem;font-size:.85rem;color:#475569}.filter-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;flex-wrap:wrap}.all-results-toggle{display:flex;align-items:center;gap:1rem}.toggle-hint{font-size:.9rem;color:#6b7280}.roi-table-wrapper{background:#fff;border-radius:18px;box-shadow:0 18px 45px #0f172a12;margin-top:1.25rem;overflow:auto}.roi-table{width:100%;border-collapse:collapse;min-width:720px}.roi-table th{background:#f3f4f6;color:#1f2933;text-align:left;padding:.9rem 1.1rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.roi-table td{padding:.85rem 1.1rem;border-bottom:1px solid #e5e7eb;font-size:.95rem;color:#1f2933}.roi-table tr:nth-child(2n){background:#f9fafb}.usage-slider{margin-top:1.25rem;display:flex;flex-direction:column;gap:.65rem;width:100%}.usage-slider label{font-weight:600;color:#1f2933}.usage-slider-control{display:flex;align-items:center;gap:1.25rem;color:#4b5563;font-weight:600;width:100%}.usage-slider-control input[type=range]{flex:1;min-width:0;width:100%}.usage-summary{margin-top:1.25rem}.usage-summary-card{background:linear-gradient(120deg,#3b82f614,#0e749014);border:1px solid rgba(37,99,235,.2);border-radius:14px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.35rem}.usage-summary-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#1d4ed8;font-weight:700}.usage-summary-value{font-size:1.05rem;font-weight:700;color:#0f172a}.usage-summary-note{font-size:.9rem;color:#1f2937}.usage-summary-note.warning{color:#b45309}.roi-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:12px}.insight-card{background:linear-gradient(135deg,#667eea1f,#2563eb14);border:1px solid rgba(102,126,234,.25);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.insight-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-dark);font-weight:700}.insight-value{font-size:1.4rem;font-weight:700;color:#0f172a}.insight-hint{font-size:.85rem;color:var(--text-light)}.roi-table-wrapper::-webkit-scrollbar{height:8px}.roi-table-wrapper::-webkit-scrollbar-thumb{background-color:#94a3b8b3;border-radius:4px}.roi-roof-variants{margin-top:1.75rem;display:flex;flex-direction:column;gap:1.1rem}.roi-roof-header h3{margin:0;font-size:1.3rem;color:#0f172a}.roi-roof-header p{margin:.35rem 0 0;color:#4b5563;font-size:.95rem}.logic-info{position:relative}.logic-info-trigger{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(37,99,235,.2);color:#1d4ed8;border-radius:12px;padding:.45rem .9rem;font-weight:700;cursor:pointer;box-shadow:0 10px 25px #2563eb26;transition:transform .2s ease,box-shadow .2s ease,border .2s ease}.logic-info-trigger:hover{transform:translateY(-2px);box-shadow:0 18px 35px #2563eb33;border-color:#2563eb59}.logic-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#1d4ed8;color:#fff;font-size:.85rem;font-weight:800}.logic-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1.5rem;z-index:1200;overflow-y:auto}.logic-info-panel{width:min(860px,100%);background:#fff;border-radius:20px;box-shadow:0 28px 70px #0f172a2e;padding:1.75rem 2rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.logic-info-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem}.logic-info-header h3{font-size:1.5rem;margin-bottom:.35rem;color:#0f172a}.logic-info-header p{margin:0;color:#475569;line-height:1.6}.logic-info-close{background:none;border:none;font-size:1.25rem;color:#1e293b;cursor:pointer;padding:.25rem;border-radius:999px;transition:background .2s ease}.logic-info-close:hover{background:#0f172a14}.logic-info-content{display:flex;flex-direction:column;gap:1rem}.logic-info-content details{border:1px solid rgba(226,232,240,.8);border-radius:14px;padding:1rem 1.2rem;background:#f8fbff;box-shadow:inset 0 0 0 1px #fff6}.logic-info-content summary{cursor:pointer;font-weight:700;color:#1d4ed8;list-style:none;position:relative;padding-left:1.4rem}.logic-info-content summary:before{content:"▸";position:absolute;left:0;top:0;transition:transform .2s ease}.logic-info-content details[open] summary:before{transform:rotate(90deg)}.logic-info-content summary::-webkit-details-marker{display:none}.logic-info-content ul{margin:.75rem 0 0;padding-left:1.4rem;color:#1f2937;display:flex;flex-direction:column;gap:.5rem}.logic-info-content li{line-height:1.6}.section-header-with-info{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}.section-header-with-info h2{margin-bottom:.35rem}.section-header-with-info p{margin-top:0}.logic-info-trigger,.logic-info-content summary{font-family:inherit}@media (max-width: 640px){.logic-info-panel{padding:1.25rem 1.1rem 1.5rem}.logic-info-content ul{padding-left:1rem}}@media (max-width: 1024px){.roi-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 768px){.roi-card{padding:1.25rem}.usage-slider-control{flex-direction:column;align-items:flex-start}.usage-slider-control span{font-size:.85rem}.all-results-toggle{flex-direction:column;align-items:flex-start;gap:.65rem}.toggle-hint{font-size:.8rem}}@media (max-width: 520px){.adjust-group{flex-direction:column;gap:.5rem}.adjust-group span{width:100%;white-space:normal;text-align:center}}@media (max-width: 640px){.content-wrapper{padding:10px 10px 20px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important}.system-recommendation{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important;padding:0 10px 50px!important}.roi-layout{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important;gap:10px!important}.roi-sidebar{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important;gap:8px!important}.section-header-with-info{gap:.75rem!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important}.roi-card,.plan-card{padding:14px;border-radius:14px;gap:14px}.roi-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.roi-card-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.comparison-table-card{border-radius:16px}.comparison-table-wrapper{overflow-x:auto!important;width:100%!important;max-width:100%!important;margin:0 -14px!important;padding:0 14px!important;-webkit-overflow-scrolling:touch!important}.comparison-table{min-width:640px}.matrix-controls{padding:16px;gap:12px}.matrix-scroll-container{max-height:60vh!important;overflow-x:auto!important;width:100%!important;max-width:100%!important;-webkit-overflow-scrolling:touch!important}.matrix-table{min-width:1100px;font-size:10px}.matrix-table th,.matrix-table td{padding:6px 4px}.matrix-table th.sticky-col{min-width:70px}.matrix-table th.sticky-col-2{left:70px;min-width:60px}.matrix-table td.sticky-col{min-width:70px}.matrix-table td.sticky-col-2{left:70px;min-width:60px}.roi-settings-modal,.roi-settings-modal.large{width:100%;max-width:none;height:100vh;max-height:none;border-radius:0}.settings-body{padding:16px;max-height:calc(100vh - 170px)}.modal-footer{flex-direction:column;align-items:stretch;gap:12px}.modal-footer .btn-primary,.modal-footer .btn-secondary{width:100%}.logic-info-panel{border-radius:16px}}@media (max-width: 640px){html{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box}body{font-size:.85rem;line-height:1.2;width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box;position:relative}*{line-height:1.2;max-width:100%;box-sizing:border-box}.app-container,.app-layout,.main-content{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.app-header{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;padding:12px 10px!important}.header-brand,.header-title,.header-actions{max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.form-section{padding:8px!important;border-radius:10px!important;margin-bottom:6px!important;box-shadow:0 4px 12px #0f172a0f!important}.form-section-title{font-size:.85rem!important;margin-bottom:4px!important;line-height:1.2!important}.input-grid{gap:5px!important}.input-group{padding:6px 8px!important;border-radius:8px!important;gap:2px!important}.input-group label{font-size:.75rem!important;line-height:1.2!important}.input-group input,.input-group select,.input-group textarea{padding:5px 8px!important;font-size:.85rem!important;line-height:1.2!important}.input-hint{font-size:.7rem}.selection-actions{padding:8px!important;gap:6px!important;margin-top:4px!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.selection-buttons{gap:5px!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;flex-wrap:wrap!important;box-sizing:border-box!important}.selection-buttons button,.selection-buttons a{padding:6px 10px!important;font-size:.75rem!important;line-height:1.2!important;max-width:100%!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.selection-count{font-size:.7rem!important;line-height:1.2!important}.plan-summary-grid{grid-template-columns:1fr!important;gap:5px!important}.plan-card{padding:8px 6px!important;gap:4px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;overflow-y:visible!important;box-sizing:border-box!important;position:relative;line-height:1.2!important}.plan-card-selected{width:100%!important;max-width:100%!important;min-width:0!important;padding:6px 4px!important;background:linear-gradient(135deg,#25d36626,#128c7e1a)!important;border-color:#25d36666!important;box-shadow:0 4px 12px #25d36633!important}.plan-card-selected:hover{box-shadow:0 6px 16px #25d3664d!important}.plan-summary-grid>.plan-card{width:100%!important;max-width:100%!important;min-width:0!important}.plan-card-top{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:visible!important;box-sizing:border-box!important;gap:4px!important;flex-wrap:wrap!important;margin-bottom:2px!important}.plan-checkbox{flex-shrink:0!important;width:auto!important;max-width:80px!important}.plan-card-top>*{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.plan-card-labels{flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 90px)!important;overflow:visible!important;overflow-x:visible!important;width:auto!important;box-sizing:border-box!important}.plan-card-index{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:inline-block!important;flex-shrink:1!important;width:auto!important;font-size:.7rem!important;padding:2px 6px!important;line-height:1.2!important}.plan-card-badge{flex-shrink:1!important;max-width:60px!important;width:auto!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.65rem!important;padding:2px 6px!important;display:inline-block!important}.plan-checkbox{flex-shrink:0!important;min-width:auto;max-width:70px!important;width:auto!important;padding:2px 6px!important;font-size:.7rem!important;gap:3px!important}.plan-checkbox span{max-width:55px!important;width:auto!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:.7rem!important;line-height:1.2!important;padding:0 2px!important}.plan-checkbox input{width:12px!important;height:12px!important}.plan-card-header{width:100%!important;max-width:100%!important;min-width:0!important;gap:2px!important;padding-bottom:2px!important}.plan-card-body{width:100%!important;max-width:100%!important;min-width:0!important;gap:2px!important;padding:0!important}.plan-card-footer{padding-top:4px!important;margin-top:2px!important;gap:4px!important}.adjust-group-inline{min-width:0!important;max-width:100%!important;overflow:visible!important;flex:1 1 auto!important;flex-shrink:1!important;flex-wrap:nowrap!important;flex-direction:row!important;gap:.05rem!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important}.adjust-group-inline .adjust-value{min-width:0!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;display:inline-block!important;font-size:.7rem!important;line-height:1.2!important;padding:0!important;margin:0!important;white-space:nowrap!important;flex:0 1 auto!important;font-weight:600!important}.plan-card-header h5{font-size:.85rem!important;line-height:1.2!important;margin:3px 0!important}.plan-card-system{font-size:.7rem!important;line-height:1.2!important;margin:2px 0!important}.plan-card-subtext{font-size:.65rem!important;line-height:1.2!important;margin:2px 0!important}.plan-card-body{gap:3px!important;padding:0!important}.plan-metric{padding:4px 6px!important;gap:5px!important;min-height:auto!important}.plan-metric.plan-metric-adjust{padding:3px 4px!important;gap:2px!important;flex-wrap:nowrap!important;align-items:center!important;display:flex!important;flex-direction:row!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;border-radius:10px!important;background:#ffffffb3!important;border:1px solid rgba(102,126,234,.08)!important;min-height:auto!important;justify-content:space-between!important}.plan-metric.plan-metric-adjust .metric-caption-inline{font-size:.6rem!important;line-height:1.2!important;min-width:26px!important;max-width:30px!important;flex-shrink:0!important;white-space:nowrap!important;padding:0!important;margin:0!important;letter-spacing:0!important;overflow:hidden!important;text-overflow:ellipsis!important}.metric-label{font-size:.7rem!important;line-height:1.2!important}.metric-value{font-size:.85rem!important;line-height:1.2!important}.plan-summary{padding:6px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important;margin-bottom:8px!important}.roi-main{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important;gap:8px!important}.plan-summary-grid{gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important}.selection-count{font-size:.78rem}.adjust-group-inline{gap:.05rem!important}.adjust-group-inline .adjust-value{font-size:.7rem!important;line-height:1.2!important;padding:0!important}.adjust-button{width:18px!important;height:18px!important;font-size:.7rem!important;padding:0!important;line-height:1!important;flex-shrink:0!important;min-width:18px!important;max-width:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;border:1px solid #cbd5f5!important;background:#f8fafc!important;white-space:nowrap!important}.matrix-controls{padding:8px 6px!important;gap:8px!important}.control-group label{font-size:.7rem!important;line-height:1.2!important}.control-group input,.control-group select{padding:5px 7px!important;font-size:.75rem!important;line-height:1.2!important}.roi-insights{gap:6px!important;margin-top:6px!important}.insight-card{padding:8px 10px!important;gap:2px!important;border-radius:10px!important}.insight-label{font-size:.65rem!important;line-height:1.2!important}.insight-value{font-size:.85rem!important;line-height:1.2!important}.insight-hint{font-size:.6rem!important;line-height:1.2!important}.usage-summary-block{padding:6px 8px!important;margin-top:6px!important;border-radius:10px!important;gap:3px!important}.usage-summary-content{gap:2px!important}.usage-summary-badge{font-size:.65rem!important;padding:2px 8px!important;line-height:1.2!important}.usage-summary-value{font-size:.8rem!important;line-height:1.2!important}.usage-summary-note{font-size:.65rem!important;line-height:1.2!important}.usage-slider-block{padding:8px!important;margin-top:6px!important;gap:4px!important}.usage-slider-block label{font-size:.7rem!important;line-height:1.2!important}.slider-labels{font-size:.65rem!important;line-height:1.2!important}.slider-current{font-size:.75rem!important;line-height:1.2!important}.logic-info-panel{padding:.8rem .7rem 1rem!important}.logic-info-header h3{font-size:1.1rem!important;line-height:1.2!important}.logic-info-content details{padding:.6rem .8rem!important}.logic-info-content summary{font-size:.8rem!important;line-height:1.2!important}.logic-info-content ul{gap:.3rem!important}}.roi-settings-modal{max-width:900px;max-height:90vh;overflow-y:auto}.roi-settings-modal.large{max-width:1200px}.settings-body{padding:20px;max-height:calc(90vh - 180px);overflow-y:auto;display:flex;flex-direction:column;gap:24px}.settings-summary-panel{background:linear-gradient(135deg,#2563eb14,#2563eb05);border:1px solid rgba(37,99,235,.25);border-radius:14px;padding:18px;box-shadow:inset 0 0 0 1px #2563eb14}.settings-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.settings-summary-panel pre{background:#ffffffeb;border-radius:10px;padding:12px;font-size:.85rem;line-height:1.45;white-space:pre-wrap;max-height:260px;overflow-y:auto}.settings-section{margin-bottom:40px}.settings-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-section h4{font-size:1.3rem;color:var(--primary-color);margin:0}.plans-list{display:flex;flex-direction:column;gap:15px}.plan-item{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff}.plan-summary{display:flex;justify-content:space-between;align-items:center;padding:15px}.plan-summary-content{flex:1;display:flex;flex-direction:column;gap:5px}.plan-summary-details{font-size:.9rem;color:var(--text-light)}.plan-summary-actions{display:flex;gap:10px}.plan-editor{background:#f9f9f9;padding:20px;border-top:1px solid #e0e0e0}.plan-editor input[type=text]{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.plan-editor-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:15px}.plan-editor-row.plan-phase-toggle{grid-template-columns:repeat(auto-fit,minmax(140px,auto));align-items:center}.plan-editor-row.plan-phase-thresholds{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:flex-start}.plan-phase-label{font-size:.9rem;font-weight:600;color:var(--text-dark)}.plan-phase-hint{font-size:.8rem;color:#6b7280;display:flex;align-items:center;grid-column:1 / -1}.plan-editor-row label{display:flex;flex-direction:column;gap:5px;font-size:.9rem;font-weight:500;color:var(--text-dark)}.plan-editor-row input,.plan-editor-row select{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:.95rem}.constraint-block{border:1px solid #e0e0e0;padding:20px;margin-bottom:20px;border-radius:8px;background:#fff}.constraint-header{margin-bottom:15px}.constraint-header .checkbox-label{display:flex;align-items:center;gap:10px;margin-bottom:5px}.constraint-header .checkbox-label strong{font-size:1.1rem;color:var(--text-dark)}.constraint-description{font-size:.9rem;color:var(--text-light);display:block;margin-left:30px}.constraint-config{margin:15px 0;padding:15px;background:#f9f9f9;border-radius:4px}.constraint-config label{display:flex;flex-direction:column;gap:5px;font-size:.9rem;font-weight:500}.constraint-config input{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:.95rem;max-width:200px}.constraint-example{font-size:.85rem;color:var(--text-light);margin-top:8px;font-style:italic}.constraint-applies-to{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0}.panel-cap-plans{display:flex;flex-direction:column;gap:18px}.panel-cap-plan{padding:15px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.panel-battery-ratio .panel-battery-plan-grid{margin-top:12px}.panel-battery-plan-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.panel-battery-plan-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease,box-shadow .2s ease}.panel-battery-plan-card.inactive{opacity:.65}.panel-battery-plan-card.inactive input{background:#f3f4f6}.panel-battery-plan-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-battery-plan-badge{font-size:.75rem;font-weight:600;color:#1f2937;background:#e5f0ff;border-radius:999px;padding:4px 10px}.panel-battery-plan-body label{display:flex;flex-direction:column;gap:6px;font-weight:500}.panel-battery-plan-body input{width:100%;max-width:none}.panel-battery-plan-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.panel-battery-plan-hint{font-size:.8rem;color:#6b7280}.panel-cap-plan-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.panel-cap-hint{font-size:.8rem;color:#6b7280}.constraint-rules.nested{background:#fff;border-radius:8px;border:1px dashed #d1d5db;padding:12px}.constraint-rules.nested .constraint-rule-row{background:transparent;border:none;padding:10px 0}.constraint-rules.nested .constraint-rule-row+.constraint-rule-row{border-top:1px solid #e5e7eb}.empty-rules{font-size:.85rem;color:#9ca3af;font-style:italic;margin-bottom:10px}.battery-ceiling-config{background:#fff;border:1px dashed #d1d5db;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.battery-ceiling-config label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:500;color:var(--text-dark)}.battery-ceiling-config input{padding:8px;border:1px solid #d1d5db;border-radius:6px;width:120px;font-size:.95rem}.collapsible-block{border:1px solid #e0e0e0;border-radius:10px;background:#fff;margin-bottom:18px;box-shadow:0 4px 14px #0f172a0d;overflow:hidden;transition:border .2s ease,box-shadow .2s ease}.collapsible-block.open{border-color:#667eea73;box-shadow:0 10px 30px #667eea26}.collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:16px;background:linear-gradient(135deg,#667eea14,#764ba214)}.collapsible-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;gap:14px;background:transparent;border:none;padding:0;cursor:pointer;text-align:left}.collapsible-trigger h5{font-size:1.05rem;color:var(--text-dark);margin-bottom:4px}.collapsible-trigger p{font-size:.85rem;color:var(--text-light);margin:0}.collapsible-icon{font-size:1.4rem;font-weight:600;color:var(--primary-color);min-width:20px;text-align:center}.collapsible-toggle{display:flex;align-items:center;gap:10px}.switch-label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-dark)}.switch-label input{width:18px;height:18px}.collapsible-body{padding:20px;background:#fff;border-top:1px solid rgba(148,163,184,.2)}.constraint-applies-to>label{display:block;font-weight:600;margin-bottom:10px;color:var(--text-dark)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.checkbox-label-inline{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;background:#f9f9f9;cursor:pointer;transition:background .2s}.checkbox-label-inline:hover{background:#f0f0f0}.checkbox-label-inline input[type=checkbox]{cursor:pointer}.constraint-rules{margin:15px 0}.constraint-rule-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:10px;background:#f9f9f9;border-radius:4px}.constraint-rule-row label{display:flex;align-items:center;gap:5px;font-size:.9rem;white-space:nowrap}.constraint-rule-row input{padding:6px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;width:100px}.access-form{padding:30px 20px;display:flex;flex-direction:column;gap:20px}.access-form label{display:flex;flex-direction:column;gap:8px;font-weight:600}.access-form input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e0e0e0;background:#f9f9f9}.form-section{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;box-shadow:0 2px 8px #00000014}.form-section-title{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-weight:600;color:var(--text-dark);font-size:.95rem}.input-group input,.input-group select{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.input-hint{font-size:.85rem;color:var(--text-light);font-style:italic}.slider-current{font-weight:700;color:var(--primary-color);font-size:1.05rem}.slider-labels{display:flex;justify-content:space-between;width:100%;margin-top:.35rem;font-size:.9rem;color:#4b5563}.slider-labels span{flex:1;text-align:center}.slider-labels span:first-child{text-align:left}.slider-labels span:last-child{text-align:right}.usage-summary-badge{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.recommendation-empty{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px dashed var(--primary-color);border-radius:12px;padding:60px 20px;text-align:center;font-size:1.1rem;color:var(--text-dark)}.selection-count{background:var(--primary-color);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.95rem}.btn-select-all,.btn-generate,.btn-whatsapp{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .3s;cursor:pointer;border:none}.btn-select-all{background:#f0f0f0;color:var(--text-dark)}.btn-select-all:hover{background:#e0e0e0;transform:translateY(-2px)}.btn-generate{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.btn-whatsapp{background:linear-gradient(120deg,#34d058,#00a884);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-lang{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-lang:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:translateY(-2px)}.template-result{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comparison-table-brand{background:linear-gradient(118deg,#4f66f1,#7140dd 55%,#8a3dcb);color:#fff;padding:22px 24px;display:flex;align-items:center;gap:20px;border-radius:12px 12px 0 0}.comparison-table-brand img{height:40px;filter:brightness(0) invert(1)}.comparison-table-brand h4{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:.02em}.comparison-table-brand p{margin:2px 0 0;font-size:.95rem;color:#ffffffd1}.comparison-table-brand .btn-text{margin-left:auto;color:#fff;border:1.8px solid rgba(255,255,255,.6);padding:8px 18px;border-radius:999px;background:#ffffff1f;font-weight:600;letter-spacing:.01em;transition:all .2s ease}.comparison-table-brand .btn-text:hover{background:#fff;color:var(--primary-color)}.plan-metric-clickable{cursor:pointer;transition:background .2s;width:100%;text-align:left;background:transparent;border:none;padding:0;display:flex;justify-content:space-between;align-items:center}.plan-metric-clickable:hover{background:#667eea0d}.metric-chevron{margin-left:8px;font-size:.8rem;color:var(--primary-color);transition:transform .2s}.support-angle-details{background:#f9f9f9;padding:12px;margin-top:8px;border-radius:6px;border-left:3px solid var(--primary-color)}.detail-row{display:flex;justify-content:space-between;padding:6px 0}.detail-label{color:var(--text-light);font-size:.9rem}.detail-value{font-weight:600;color:var(--text-dark)}.plan-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;background:#fff;border:2px solid var(--primary-color);border-radius:6px;font-weight:600;color:var(--primary-color);transition:all .2s}.plan-checkbox:hover{background:var(--primary-color);color:#fff}.plan-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.reset-plan{font-size:.85rem;color:var(--warning-color);text-decoration:underline}.reset-plan:hover{color:var(--danger-color)}@media (max-width: 768px){.form-section{padding:15px}.input-grid{grid-template-columns:1fr;gap:15px}.section-header-with-info{flex-direction:column;align-items:flex-start;gap:10px}.selection-buttons{flex-direction:column;width:100%}.selection-buttons button,.selection-buttons a{width:100%}.plan-summary-grid{grid-template-columns:1fr}.comparison-table-brand{flex-direction:column;text-align:center}.comparison-table-brand .btn-text{margin-left:0}}.price-checker{display:flex;flex-direction:column;gap:1.75rem;max-width:1240px;margin:0 auto;padding:0 24px 60px;width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}.price-checker-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}.price-checker-inputs{display:flex;flex-direction:column;gap:20px}.price-checker-results{display:flex;flex-direction:column;gap:20px;position:sticky;top:100px}.results-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 8px 24px #0f172a0d;width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}.results-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.results-logo{height:32px;width:auto;object-fit:contain}.results-header h3{font-size:18px;font-weight:700;color:var(--text-dark);margin:0;line-height:1.2}.results-summary{display:flex;flex-direction:column;gap:8px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6;line-height:1.2}.result-item:last-child{border-bottom:none}.result-item.highlight{background:#f0f9ff;padding:10px 12px;border-radius:8px;border-bottom:none;margin:2px 0}.result-label{font-size:13px;font-weight:600;color:#6b7280;flex:1;line-height:1.2}.result-value{font-size:14px;font-weight:700;color:var(--text-dark);text-align:right;flex:1;line-height:1.2}.result-item.highlight .result-value{color:var(--primary-color);font-size:16px}.system-config-item{flex-direction:column;align-items:flex-start}.system-config-value{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px;text-align:left}.config-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #f3f4f6}.config-row:last-child{border-bottom:none}.config-label{font-size:13px;font-weight:600;color:#6b7280;flex:0 0 auto;min-width:100px}.config-value{font-size:14px;font-weight:700;color:var(--text-dark);text-align:right;flex:1}.original-price-section{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;margin:0 0 8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0;box-shadow:none}.original-price-label{font-size:14px;font-weight:700;color:var(--text-dark);text-transform:none;letter-spacing:0}.original-price-value{font-size:14px;font-weight:700;color:var(--text-dark);text-align:right}.roi-breakdown-content{padding:12px 0;display:flex;flex-direction:column;gap:0}.breakdown-content{padding:20px;background:#fff;border-radius:12px;margin-top:16px;overflow-x:auto;box-shadow:0 2px 8px #0000000d}.breakdown-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.breakdown-logo{height:40px;width:auto;object-fit:contain}.breakdown-title{font-size:18px;font-weight:700;color:var(--text-dark);margin:0}.breakdown-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.4;background:#fff;box-shadow:0 1px 3px #0000001a}.breakdown-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.breakdown-table th{padding:12px 16px;text-align:left;font-weight:700;font-size:13px;color:#fff;border-bottom:2px solid #5a67d8;line-height:1.4;text-transform:uppercase;letter-spacing:.5px}.breakdown-table td{padding:10px 16px;color:var(--text-dark);border-bottom:1px solid #e5e7eb;line-height:1.4;font-size:14px}.breakdown-table tbody tr:last-child td{border-bottom:none}.breakdown-table tbody tr.breakdown-total{border-top:3px solid #667eea;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.breakdown-table tbody tr.breakdown-total td{font-weight:800;color:var(--primary-color);padding-top:14px;padding-bottom:14px;font-size:16px;white-space:nowrap}.breakdown-table tbody tr.breakdown-monthly{border-top:2px solid #e5e7eb;background:#f9fafb}.breakdown-table tbody tr.breakdown-monthly td{font-weight:700;color:var(--text-dark);padding-top:12px;padding-bottom:12px;font-size:15px;white-space:nowrap}.breakdown-table tbody tr.breakdown-monthly td:first-child{white-space:normal}.breakdown-table td:last-child,.breakdown-table th:last-child{text-align:right}.breakdown-table td:nth-child(2){text-align:right}.breakdown-table tbody tr.breakdown-monthly td[colSpan="2"]{text-align:right}.roi-breakdown-section{margin-top:24px;padding-top:24px;border-top:2px solid #e5e7eb}.roi-breakdown-section .breakdown-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.roi-breakdown-section .breakdown-title{font-size:16px;font-weight:700;color:var(--text-dark)}.roi-breakdown-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.4;background:#fff;box-shadow:0 1px 3px #0000001a;margin:0}.roi-breakdown-table td{padding:10px 16px;color:var(--text-dark);border-bottom:1px solid #e5e7eb;line-height:1.4;font-size:14px}.roi-breakdown-table td:first-child{font-weight:600;color:#6b7280}.roi-breakdown-table td:last-child{text-align:right;font-weight:700;color:var(--primary-color)}.roi-breakdown-table tbody tr:last-child td{border-bottom:none}.template-section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px;box-shadow:0 8px 24px #0f172a0d}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.template-header h3{font-size:18px;font-weight:700;color:var(--text-dark);margin:0}.template-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lang-toggle{padding:10px 18px;border:2px solid #667eea;border-radius:10px;font-size:14px;background:#fff;color:#667eea;cursor:pointer;font-weight:600;transition:all .2s ease;min-width:80px;box-shadow:0 2px 4px #667eea1a}.lang-toggle:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #667eea33}.lang-toggle:active{transform:translateY(0)}.template-controls .btn-secondary{padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;border:2px solid #f59e0b;background:#fff;color:#f59e0b;transition:all .2s ease;box-shadow:0 2px 4px #f59e0b1a}.template-controls .btn-secondary:hover{background:#f59e0b;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b33}.template-controls .btn-secondary:active{transform:translateY(0)}.template-controls .btn-primary{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.template-controls .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66;background:linear-gradient(135deg,#764ba2,#667eea)}.template-controls .btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.template-textarea{width:100%;min-height:300px;padding:16px;border:1px solid #e5e7eb;border-radius:10px;font-family:Courier New,monospace;font-size:14px;line-height:1.6;resize:vertical;background:#f9fafb;color:var(--text-dark)}.download-section{display:flex;justify-content:center}.btn-download{width:100%;padding:14px 24px;font-size:16px;font-weight:600}.empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:48px 24px;text-align:center;color:#6b7280}.empty-state p{font-size:16px;margin:0}.force-desktop-layout.results-card{min-width:800px!important;width:auto!important;max-width:none!important}.force-desktop-layout .results-header{flex-direction:row!important;align-items:center!important}.force-desktop-layout .results-summary{display:flex!important;flex-direction:column!important}.force-desktop-layout .result-item{display:flex!important;flex-direction:row!important;justify-content:space-between!important}.force-desktop-layout .breakdown-content{padding:20px!important;background:#fff!important}.force-desktop-layout .breakdown-header{display:flex!important;flex-direction:row!important;align-items:center!important}.force-desktop-layout .breakdown-logo{height:40px!important}.force-desktop-layout .breakdown-table{width:100%!important;display:table!important;font-size:14px!important}.force-desktop-layout .breakdown-table thead{display:table-header-group!important}.force-desktop-layout .breakdown-table tbody{display:table-row-group!important}.force-desktop-layout .breakdown-table tr{display:table-row!important}.force-desktop-layout .breakdown-table th,.force-desktop-layout .breakdown-table td{display:table-cell!important;padding:12px 16px!important}.force-desktop-layout .original-price-section{display:flex!important;flex-direction:row!important;justify-content:space-between!important}@media (max-width: 768px){.price-checker{padding:0 14px 40px;gap:16px}.price-checker-layout{grid-template-columns:1fr;gap:16px}.price-checker-results{position:static}.results-card{padding:12px;border-radius:12px}.results-header{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:10px;margin-bottom:12px}.results-logo{height:28px}.results-header h3{font-size:16px;line-height:1.2}.results-summary{gap:6px}.result-item{flex-direction:column;align-items:flex-start;gap:3px;padding:6px 0;line-height:1.2}.result-item.highlight{padding:8px 10px}.result-label{font-size:12px;line-height:1.2}.result-value{font-size:13px;text-align:left;line-height:1.2}.result-item.highlight .result-value{font-size:14px}.breakdown-content{padding:10px}.original-price-section{padding:6px 8px;margin:0 0 6px}.original-price-label,.original-price-value,.breakdown-table{font-size:12px}.breakdown-table th{padding:5px 6px;font-size:11px}.breakdown-table td{padding:4px 6px}.breakdown-table tbody tr.breakdown-total td{padding-top:6px;padding-bottom:6px}.template-section{padding:16px;border-radius:12px}.template-header{flex-direction:column;align-items:flex-start;gap:12px}.template-controls{width:100%;justify-content:space-between;gap:8px}.lang-toggle{padding:8px 14px;font-size:13px;min-width:70px}.template-controls .btn-secondary{padding:8px 14px;font-size:13px}.template-controls .btn-primary{padding:8px 16px;font-size:13px}.template-textarea{min-height:200px;padding:12px;font-size:13px}.btn-download{padding:12px 20px;font-size:15px}}@media (max-width: 640px){.price-checker{padding:0 10px 30px;gap:12px}.price-checker-layout{gap:12px}.price-checker-inputs{gap:16px}.form-section{padding:12px}.form-section-title{font-size:16px;margin-bottom:12px}.input-grid{gap:12px}.results-card{padding:10px}.results-header{margin-bottom:10px;padding-bottom:8px;gap:6px}.results-logo{height:24px}.results-header h3{font-size:15px;line-height:1.2}.results-summary{gap:5px}.result-item{padding:5px 0;line-height:1.2}.result-item.highlight{padding:6px 8px}.result-label{font-size:11px;line-height:1.2}.result-value{font-size:12px;line-height:1.2}.result-item.highlight .result-value{font-size:13px}}.settings-page{max-width:1400px;margin:0 auto;padding:20px}.settings-header{margin-bottom:30px}.settings-header h1{font-size:28px;margin-bottom:8px;color:var(--text-dark)}.settings-header p{color:#6b7280;font-size:14px}.settings-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e5e7eb;flex-wrap:wrap}.settings-tabs button{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:600;color:#6b7280;transition:all .2s}.settings-tabs button:hover{color:var(--primary-color);background:#f9fafb}.settings-tabs button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.settings-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.settings-section h2{font-size:20px;margin-bottom:20px;color:var(--text-dark)}.settings-form{background:#f9fafb;padding:20px;border-radius:8px;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.form-grid label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.form-grid input,.form-grid select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.form-grid input:focus,.form-grid select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-actions{display:flex;gap:12px}.btn-primary,.btn-secondary,.btn-edit,.btn-delete{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-edit{background:#3b82f6;color:#fff;padding:6px 12px;font-size:12px;margin-right:6px}.btn-edit:hover{background:#2563eb}.btn-delete{background:#ef4444;color:#fff;padding:6px 12px;font-size:12px}.btn-delete:hover{background:#dc2626}.settings-table{overflow-x:auto}.settings-table table{width:100%;border-collapse:collapse;background:#fff}.settings-table th{background:#f9fafb;padding:12px;text-align:left;font-size:13px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.settings-table td{padding:12px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#1f2937}.settings-table tr:hover{background:#f9fafb}.settings-info{margin-top:24px;padding:16px;background:#eff6ff;border-radius:8px;border-left:4px solid var(--primary-color)}.settings-info p{margin:0;font-size:14px;color:#1e40af}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.alert button{background:transparent;border:none;font-size:20px;cursor:pointer;color:inherit;opacity:.7}.alert button:hover{opacity:1}.settings-table tr.editing{background:#eff6ff}.settings-table tr.editing td{padding:4px}.inline-input{width:100%;padding:6px 8px;border:2px solid var(--primary-color);border-radius:4px;font-size:14px;background:#fff;min-width:80px}.inline-input:focus{outline:none;box-shadow:0 0 0 3px #2563eb1a}.action-buttons{display:flex;gap:6px}.btn-save{background:#10b981;color:#fff;padding:6px 12px;font-size:12px;border:none;border-radius:4px;cursor:pointer;font-weight:600}.btn-save:hover{background:#059669}.btn-cancel{background:#6b7280;color:#fff;padding:6px 12px;font-size:12px;border:none;border-radius:4px;cursor:pointer;font-weight:600}.btn-cancel:hover{background:#4b5563}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a}.modal-dialog-large{max-width:600px;max-height:80vh;overflow-y:auto}.modal-dialog h3{margin:0 0 16px;font-size:20px;color:var(--text-dark)}.modal-dialog p{margin:0 0 24px;color:#6b7280;line-height:1.6}.confirm-message{margin:0 0 24px;color:#1f2937}.changes-list{margin-top:16px;max-height:400px;overflow-y:auto}.change-item{padding:12px;margin-bottom:12px;background:#f9fafb;border-radius:6px;border-left:3px solid var(--primary-color)}.change-item strong{display:block;margin-bottom:8px;color:#1f2937}.change-detail{margin:4px 0;padding-left:12px;font-size:14px}.from-value{color:#dc2626;text-decoration:line-through;margin-right:4px}.to-value{color:#059669;font-weight:600}.table-actions{display:flex;gap:12px;align-items:center;margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:6px}.changes-indicator{color:#059669;font-weight:600;font-size:14px}.settings-table tr.changed{background:#fef3c7}.settings-table tr.changed td{border-left:3px solid #f59e0b}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.section-note{color:#6b7280;font-size:14px;margin-bottom:16px;font-style:italic}.settings-info{margin-top:32px;padding:20px;background:#f9fafb;border-radius:8px;border-left:4px solid var(--primary-color)}.settings-info p{margin:0 0 12px;font-size:14px;color:#1f2937}.settings-info ul{margin:0;padding-left:20px;color:#4b5563;font-size:14px;line-height:1.8}.settings-info li{margin-bottom:4px}@media (max-width: 768px){.settings-page{padding:12px}.form-grid{grid-template-columns:1fr}.settings-table{font-size:12px}.settings-table th,.settings-table td{padding:8px}.inline-input{font-size:12px;padding:4px 6px}.modal-dialog{padding:20px;max-width:90%}}.breakdown-content{padding:8px}.original-price-section{padding:5px 6px;margin:0 0 5px}.original-price-label,.original-price-value,.breakdown-table{font-size:11px}.breakdown-table th{padding:4px 5px;font-size:10px}.breakdown-table td{padding:3px 5px}.breakdown-table tbody tr.breakdown-total td{padding-top:5px;padding-bottom:5px}.roi-breakdown-section{margin-top:16px;padding-top:16px}.roi-breakdown-section .breakdown-header{margin-bottom:12px;padding-bottom:8px}.roi-breakdown-section .breakdown-title{font-size:14px}.roi-breakdown-table{font-size:12px;width:100%}.roi-breakdown-table td{padding:6px 10px;font-size:12px}.roi-breakdown-table td:first-child{padding-right:10px}.roi-breakdown-table td:last-child{padding-right:10px}.template-section{padding:12px}.template-header h3{font-size:16px}.template-controls{gap:6px}.lang-toggle{padding:7px 12px;font-size:12px;min-width:60px}.template-controls .btn-secondary{padding:7px 12px;font-size:12px}.template-controls .btn-primary{padding:7px 14px;font-size:12px}.template-textarea{min-height:180px;padding:10px;font-size:12px}.btn-download{padding:10px 16px;font-size:14px}} � �{}