:root{--color-primary: #6b8cce;--color-primary-dark: #5a7ab8;--color-primary-light: #8ba8de;--color-secondary: #e8b86d;--color-secondary-dark: #d4a55a;--color-accent: #6fc3a0;--color-danger: #e88a8a;--bg-primary: #fafbfc;--bg-secondary: #f5f7f9;--bg-tertiary: #eef1f5;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .85);--text-primary: #2d3748;--text-secondary: #5a6578;--text-tertiary: #8a95a5;--text-inverse: #ffffff;--border-color: #e5e9f0;--border-color-light: #f0f3f7;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 20px -3px rgba(0, 0, 0, .08), 0 4px 8px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 30px -5px rgba(0, 0, 0, .08), 0 8px 15px -6px rgba(0, 0, 0, .04);--shadow-glow: 0 0 25px rgba(107, 140, 206, .25);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--chart-1: #7ba3d8;--chart-2: #7bc4a8;--chart-3: #e8c078;--chart-4: #ef4444;--chart-5: #8b5cf6}[data-theme=dark]{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-glass: rgba(30, 41, 59, .8);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #64748b;--border-color: #334155;--border-color-light: #1e293b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--shadow-glow: 0 0 30px rgba(59, 130, 246, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background:var(--bg-secondary);min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.app-wrapper{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 50%,var(--bg-secondary) 100%)}.main-content{flex:1;padding:var(--space-xl) 0}.header{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;padding:var(--space-md) 0}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.logo{display:flex;align-items:center;gap:var(--space-md)}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow-md)}.logo-text{font-size:var(--font-size-xl);font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-toggle{width:44px;height:44px;border-radius:var(--radius-full);border:2px solid var(--border-color);background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all var(--transition-fast)}.theme-toggle:hover{border-color:var(--color-primary);transform:scale(1.05)}.card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:var(--space-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.card-glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--font-size-xl);font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-inverse);box-shadow:var(--shadow-md),0 0 #2563eb66}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #2563eb66}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.btn-accent{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:var(--text-primary)}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-success{background:linear-gradient(135deg,var(--color-accent) 0%,#059669 100%);color:var(--text-inverse)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg)}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-full)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.form-label-hint{font-weight:400;color:var(--text-tertiary);margin-left:var(--space-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--text-tertiary)}.form-input-group{display:flex;gap:var(--space-md)}.form-input-group .form-input{flex:1}.form-error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--space-xs)}.form-hint{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-xs)}.radio-card-group{display:grid;gap:var(--space-md)}.radio-card{position:relative;cursor:pointer}.radio-card input{position:absolute;opacity:0;width:0;height:0}.radio-card-content{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.radio-card input:checked+.radio-card-content{border-color:var(--color-primary);background:#2563eb0d}.radio-card:hover .radio-card-content{border-color:var(--color-primary-light)}.radio-card-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.radio-card input:checked+.radio-card-content .radio-card-icon{background:var(--color-primary);color:var(--text-inverse)}.radio-card-label{font-weight:600;color:var(--text-primary)}.radio-card-desc{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-xs)}.tabs{display:flex;gap:var(--space-xs);background:var(--bg-tertiary);padding:var(--space-xs);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.tab{flex:1;padding:var(--space-md) var(--space-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-card);color:var(--color-primary);box-shadow:var(--shadow-sm)}.stepper{display:flex;justify-content:space-between;margin-bottom:var(--space-2xl);position:relative}.stepper:before{content:"";position:absolute;top:20px;left:40px;right:40px;height:2px;background:var(--border-color)}.step{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);position:relative;z-index:1}.step-number{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-card);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);color:var(--text-tertiary);transition:all var(--transition-base)}.step.active .step-number{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow-glow)}.step.completed .step-number{background:var(--color-accent);border-color:var(--color-accent);color:var(--text-inverse)}.step-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-tertiary);text-align:center;max-width:100px}.step.active .step-label,.step.completed .step-label{color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-color);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-md)}.stat-icon.energy{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.stat-icon.power{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.stat-icon.panels{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.stat-icon.efficiency{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.stat-value{font-size:var(--font-size-3xl);font-weight:800;color:var(--text-primary);line-height:1}.stat-unit{font-size:var(--font-size-lg);font-weight:500;color:var(--text-tertiary);margin-left:var(--space-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-sm)}.chart-container{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid var(--border-color)}.chart-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-lg)}.bar-chart{display:flex;align-items:flex-end;gap:var(--space-sm);height:200px;padding:var(--space-md) 0}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.bar{width:100%;max-width:40px;background:linear-gradient(to top,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--transition-base);min-height:4px}.bar:hover{filter:brightness(1.1);transform:scaleY(1.02)}.bar-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.bar-value{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:600}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{font-size:var(--font-size-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary)}.data-table th:first-child{border-radius:var(--radius-md) 0 0 0}.data-table th:last-child{border-radius:0 var(--radius-md) 0 0}.data-table td{font-size:var(--font-size-base);color:var(--text-primary)}.data-table tr:hover td{background:var(--bg-secondary)}.data-table tr:last-child td{border-bottom:none}.selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.selection-card{background:var(--bg-card);border-radius:var(--radius-xl);border:2px solid var(--border-color);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.selection-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);opacity:0;transition:opacity var(--transition-fast)}.selection-card:hover{border-color:var(--color-primary-light);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.selection-card:hover:before{opacity:1}.selection-card.selected{border-color:var(--color-primary);background:#2563eb08}.selection-card.selected:before{opacity:1}.selection-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.selection-card-brand{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.selection-card-badge{padding:var(--space-xs) var(--space-sm);background:var(--color-accent);color:var(--text-inverse);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full)}.selection-card-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-sm)}.selection-card-power{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-primary)}.selection-card-power span{font-size:var(--font-size-base);font-weight:500;color:var(--text-tertiary)}.selection-card-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.spec-item{display:flex;flex-direction:column}.spec-label{font-size:var(--font-size-xs);color:var(--text-tertiary)}.spec-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);box-shadow:var(--shadow-xl)}.loading-text{font-weight:500;color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.alert{padding:var(--space-lg);border-radius:var(--radius-lg);display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg)}.alert-icon{font-size:1.25rem;flex-shrink:0}.alert-content{flex:1}.alert-title{font-weight:600;margin-bottom:var(--space-xs)}.alert-message{font-size:var(--font-size-sm)}.alert-info{background:#2563eb1a;border:1px solid rgba(37,99,235,.2);color:var(--color-primary)}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--color-accent)}.alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--color-secondary-dark)}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--color-danger)}.summary-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-2xl);padding:var(--space-2xl);color:var(--text-inverse);position:relative;overflow:hidden}.summary-section:before{content:"☀️";position:absolute;top:-20px;right:-20px;font-size:120px;opacity:.1}.summary-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-lg)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg)}.summary-item{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--space-lg)}.summary-item-value{font-size:var(--font-size-2xl);font-weight:800}.summary-item-label{font-size:var(--font-size-sm);opacity:.8;margin-top:var(--space-xs)}.footer{background:var(--bg-card);border-top:1px solid var(--border-color);padding:var(--space-xl) 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.footer-text{font-size:var(--font-size-sm);color:var(--text-tertiary)}.footer-links{display:flex;gap:var(--space-lg)}.footer-link{font-size:var(--font-size-sm);color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-up{animation:slideUp .6s ease forwards}@media (max-width: 768px){:root{--font-size-4xl: 1.875rem;--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem}.container{padding:0 var(--space-md)}.header-content{flex-wrap:wrap}.logo-text{font-size:var(--font-size-lg)}.stepper{overflow-x:auto;padding-bottom:var(--space-md)}.step-label{font-size:var(--font-size-xs);max-width:70px}.stats-grid{grid-template-columns:repeat(2,1fr)}.selection-grid{grid-template-columns:1fr}.form-input-group{flex-direction:column}.bar-chart{height:150px}.summary-grid{grid-template-columns:repeat(2,1fr)}.tabs{flex-wrap:wrap}.tab{flex:1 1 45%}}@media (max-width: 480px){.stats-grid,.summary-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--color-primary)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.hidden{display:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:var(--font-size-xl);display:flex;align-items:center;gap:var(--space-sm)}.modal-close{width:36px;height:36px;border-radius:var(--radius-full);border:none;background:var(--bg-tertiary);color:var(--text-secondary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-danger);color:#fff}.modal-body{padding:var(--space-xl)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.specs-preview{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-color)}.protection-section{padding:var(--space-lg) 0}:root{--warning-rgb: 245, 158, 11;--success-rgb: 16, 185, 129;--danger-rgb: 239, 68, 68}[data-theme=dark]{--warning-rgb: 251, 191, 36;--success-rgb: 52, 211, 153;--danger-rgb: 248, 113, 113}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.result-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-color);text-align:center;transition:all var(--transition-base)}.result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.result-card.highlight{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-inverse);border:none}.result-card.highlight h3,.result-card.highlight .subtitle{color:#ffffffe6}.result-card.highlight .value{color:var(--text-inverse)}.result-card h3{font-size:var(--font-size-sm);margin-bottom:var(--space-sm);color:var(--text-secondary)}.result-card .value{font-size:var(--font-size-2xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-xs)}.result-card .subtitle{font-size:var(--font-size-xs);color:var(--text-tertiary)}.comparison-section{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid var(--border-color)}.comparison-chart{margin-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.comparison-row{display:flex;align-items:center;gap:var(--space-md)}.comparison-row .label{width:120px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.bar-container{flex:1;height:40px;background:var(--bg-tertiary);border-radius:var(--radius-md);position:relative;overflow:hidden;display:flex;align-items:center}.bar{height:100%;border-radius:var(--radius-md);transition:width 1s ease-out}.bar.bank{background:var(--text-tertiary)}.bar.solar{background:var(--color-accent)}.bar-value{position:absolute;right:var(--space-md);font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary);z-index:1}.comparison-note{margin-top:var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;background:var(--bg-tertiary);padding:var(--space-md);border-radius:var(--radius-md)}