.solar-config-ui-wrapper{background-color:var(--bg-primary);min-height:100vh;padding:20px;border-radius:10px}.solar-config-ui-container{max-width:1200px;margin:0 auto}.solar-config-ui-container *{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:var(--text-primary)}.solar-config-ui-container .container{display:flex;width:100%;flex-wrap:wrap;gap:20px}.solar-config-ui-container .left-panel{flex:1;padding-right:20px;min-width:300px}.solar-config-ui-container .right-panel{width:340px;background-color:var(--bg-secondary);padding:20px;border-radius:15px}.solar-config-ui-container .header-image{width:100%;border-radius:12px;margin-bottom:20px;height:180px;object-fit:cover;background-color:var(--window-color);position:relative;overflow:hidden}.solar-config-ui-container .header-image-content{position:absolute;width:100%;height:100%}.solar-config-ui-container h1{font-size:24px;margin-bottom:20px;color:var(--text-primary)}.solar-config-ui-container .section{margin-top:30px}.solar-config-ui-container .section-title{display:flex;align-items:center;margin-bottom:15px;position:relative;font-size:20px}.solar-config-ui-container .section-title .icon{margin-right:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--accent-purple);border-radius:4px}.solar-config-ui-container .info-icon{margin-left:10px;width:20px;height:20px;background-color:var(--accent-purple);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer}.solar-config-ui-container .tooltip{position:absolute;top:30px;left:50px;width:250px;background-color:#3a1e6c;padding:10px;border-radius:8px;font-size:12px;z-index:100;display:none;box-shadow:0 4px 8px rgba(0,0,0,.3)}.solar-config-ui-container .counter-control{display:flex;align-items:center;margin-top:10px}.solar-config-ui-container .counter-button{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;background-color:var(--accent-purple);color:var(--text-primary)}.solar-config-ui-container .counter-value{margin:0 20px;font-size:36px;font-weight:700;color:var(--accent-green)}.solar-config-ui-container .info-text{margin-top:10px;color:var(--text-secondary);font-size:14px;line-height:1.4}.solar-config-ui-container .radio-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.solar-config-ui-container .radio-option{position:relative;padding:15px;border-radius:10px;background-color:var(--accent-purple);cursor:pointer}.solar-config-ui-container .radio-option input{position:absolute;opacity:0}.solar-config-ui-container .radio-circle{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid white;margin-right:8px;position:relative;top:4px}.solar-config-ui-container .radio-option input:checked+.radio-circle{background-color:var(--accent-blue);border-color:var(--accent-blue)}.solar-config-ui-container .radio-option.recommended{border:2px solid var(--accent-blue)}.solar-config-ui-container .recommended-tag{position:absolute;top:-10px;right:10px;background-color:var(--accent-blue);color:black;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700}.solar-config-ui-container .right-panel h2{font-size:30px;margin-bottom:10px;color:var(--text-primary)!important}.solar-config-ui-container .estimate{font-size:36px;font-weight:700;color:var(--accent-green);margin-bottom:10px}.solar-config-ui-container .savings{font-size:14px;margin-bottom:30px}.solar-config-ui-container .finance-label{margin-bottom:10px;font-size:20px;font-weight:700}.solar-config-ui-container .finance-amount{font-size:30px;font-weight:700;color:var(--accent-green);margin-bottom:5px}.solar-config-ui-container .per-month{font-size:14px;color:var(--accent-green)}.solar-config-ui-container .finance-provider{background-color:var(--accent-purple);padding:5px 10px;border-radius:15px;display:inline-block;font-size:12px;margin:10px 0}.solar-config-ui-container .finance-note{font-size:14px;margin-bottom:20px}.solar-config-ui-container .finance-link,.solar-config-ui-container .tech-link{color:var(--accent-green);text-decoration:none}.solar-config-ui-container .quote-button{width:100%;background-color:var(--accent-blue);color:black;border:none;border-radius:8px;padding:15px;font-size:16px;font-weight:700;cursor:pointer;margin-bottom:20px}.solar-config-ui-container .tech-link{display:block;font-size:20px;font-weight:500;text-align:center}.solar-config-ui-container .house-container{position:relative;height:100%;width:100%;min-height:180px}.solar-config-ui-container .sun{position:absolute;top:20px;right:60px;width:60px;height:60px;background-color:var(--solar-yellow);border-radius:50%;display:flex;align-items:center;justify-content:center}.solar-config-ui-container .sun-face{font-size:24px}.solar-config-ui-container .house{position:absolute;left:40px;bottom:30px;width:200px;height:150px;background-color:white;border-radius:8px}.solar-config-ui-container .roof{position:absolute;top:-50px;left:-10px;width:220px;height:70px;background-color:var(--house-roof);clip-path:polygon(0% 100%,50% 0%,100% 100%)}.solar-config-ui-container .door{position:absolute;bottom:0;left:70px;width:50px;height:80px;background-color:var(--house-door);border-radius:8px 8px 0 0}.solar-config-ui-container .window{position:absolute;top:30px;left:30px;width:40px;height:40px;background-color:#70e5ff;border-radius:8px}.solar-config-ui-container .window-right{left:auto;right:30px}.solar-config-ui-container .garage{position:absolute;bottom:0;right:-80px;width:120px;height:100px;background-color:white;border-radius:8px 8px 0 0}.solar-config-ui-container .garage-door{position:absolute;bottom:0;left:10px;width:100px;height:70px;background-color:#ff9f1c;border-radius:8px 8px 0 0}.solar-config-ui-container .car{position:absolute;bottom:15px;right:30px;width:120px;height:60px;background-color:var(--car-color);border-radius:15px}.solar-config-ui-container .car-top{position:absolute;top:-20px;left:20px;width:70px;height:30px;background-color:#ff7bbd;border-radius:15px 15px 0 0}.solar-config-ui-container .wheel{position:absolute;bottom:-10px;width:30px;height:30px;background-color:#333;border-radius:50%;border:4px solid #777}.solar-config-ui-container .wheel-front{right:20px}.solar-config-ui-container .wheel-back{left:20px}.solar-config-ui-container .grass{position:absolute;bottom:0;left:0;right:0;height:30px;background-color:#4caf50;border-radius:0 0 12px 12px}.solar-config-ui-container .flower{position:absolute;bottom:25px;width:20px;height:20px;background-color:var(--accent-blue);border-radius:50%}.solar-config-ui-container .flower1{left:20px}.solar-config-ui-container .flower2{left:260px}@media (max-width:768px){.solar-config-ui-wrapper{padding:15px}.solar-config-ui-container .container{flex-direction:column}.solar-config-ui-container .left-panel,.solar-config-ui-container .right-panel{width:100%;min-width:100%}.solar-config-ui-container .left-panel{padding:0 0 20px}.solar-config-ui-container .right-panel{margin-top:10px}.solar-config-ui-container .radio-options{grid-template-columns:1fr!important}.solar-config-ui-container .house-container{height:200px;transform-origin:center;margin:0 auto}.solar-config-ui-container .counter-value,.solar-config-ui-container .estimate,.solar-config-ui-container .finance-amount{font-size:32px}}@media (max-width:480px){.solar-config-ui-wrapper{padding:10px;border-radius:5px}.solar-config-ui-container .left-panel{padding:0!important}.solar-config-ui-container .right-panel{width:100%!important;margin-top:15px;padding:15px;border-radius:10px}.solar-config-ui-container .header-image{height:150px}.solar-config-ui-container .house-container{height:180px;transform:scale(.8);transform-origin:center;margin:0 auto}.solar-config-ui-container .sun{width:50px;height:50px;right:40px}.solar-config-ui-container .counter-control{justify-content:center}.solar-config-ui-container .counter-button{width:35px;height:35px}.solar-config-ui-container .counter-value,.solar-config-ui-container .estimate,.solar-config-ui-container .finance-amount{font-size:28px!important;margin:0 15px}.solar-config-ui-container .right-panel h2{font-size:24px}.solar-config-ui-container .tech-link{font-size:16px!important}.solar-config-ui-container .info-text{font-size:13px;text-align:center}.solar-config-ui-container .section-title{justify-content:center;font-size:18px}}@media (max-width:350px){.solar-config-ui-container .house-container{transform:scale(.7);height:160px}.solar-config-ui-container .counter-value,.solar-config-ui-container .estimate,.solar-config-ui-container .finance-amount{font-size:24px!important}.solar-config-ui-container .counter-button{width:30px;height:30px}}.payback-section{margin-bottom:25px;padding:15px;background-color:rgba(91,192,190,.1);border-radius:12px;text-align:center;border:1px solid var(--accent-blue)}.payback-label{font-size:28px;color:var(--text-secondary);margin-bottom:8px;font-weight:600}.payback-value{font-size:28px;font-weight:700;color:var(--accent-green)}@media (max-width:768px){.payback-section{margin-bottom:25px;padding:12px}.payback-value{font-size:24px}}@media (max-width:480px){.payback-section{margin-bottom:15px;padding:10px}.payback-label{font-size:16px}.payback-value{font-size:22px}}