.pcc-hero{background:radial-gradient(circle at top right,#1abc9c,#16a085 35%,#117a65);position:relative;overflow:hidden}.pcc-hero:after{content:"";position:absolute;top:-50px;right:-50px;width:300px;height:300px;border-radius:50%;background:#ffffff0d;pointer-events:none}.pcc-hero:before{content:"";position:absolute;bottom:-80px;left:30%;width:200px;height:200px;border-radius:50%;background:#ffffff0a;pointer-events:none}.pcc-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.pcc-step{background:#ffffff1f;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);padding:1rem 1.25rem;border-radius:12px;color:#fff}.pcc-step .num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;color:#16a085;border-radius:50%;font-weight:700;font-size:14px;margin-right:8px}.pcc-install-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.pcc-install-tile{cursor:pointer;padding:.75rem .5rem;border:2px solid #e9ecef;border-radius:10px;text-align:center;transition:all .15s ease;background:#fff}.pcc-install-tile:hover{border-color:#16a085;transform:translateY(-2px);box-shadow:0 4px 12px #16a08526}.pcc-install-tile.active{border-color:#16a085;background:linear-gradient(135deg,#16a085,#1abc9c);color:#fff}.pcc-install-tile .ico{font-size:1.6rem;display:block;margin-bottom:4px}.pcc-install-tile .lbl{font-size:11px;font-weight:600;line-height:1.2;display:block}.pcc-install-tile .yld{font-size:9.5px;opacity:.7;display:block;margin-top:2px}.pcc-install-tile.active .yld{opacity:.9}.pcc-temp-wrap{background:linear-gradient(90deg,#4dabf7,#74c0fc,#ffd43b,#ff922b,#fa5252);padding:4px;border-radius:999px}.pcc-temp-track{background:#fff;border-radius:999px;padding:6px 14px;display:flex;align-items:center;gap:12px}input[type=range].pcc-temp-slider{flex:1;-webkit-appearance:none;appearance:none;background:transparent;height:24px}input[type=range].pcc-temp-slider::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,#4dabf7,#ffd43b,#fa5252);border-radius:2px}input[type=range].pcc-temp-slider::-webkit-slider-thumb{-webkit-appearance:none;height:22px;width:22px;border-radius:50%;background:#fff;border:3px solid #16a085;margin-top:-9px;cursor:pointer;box-shadow:0 2px 6px #0003}.pcc-temp-value{font-weight:700;font-size:16px;color:#16a085;min-width:56px;text-align:right}.pcc-yield-preview{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:10px;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.pcc-yield-preview .num{font-size:22px;font-weight:700;color:#16a085}.pcc-yield-preview .lbl{font-size:11px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.pcc-panel-row{background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:.75rem 1rem;transition:all .15s ease}.pcc-panel-row:hover{border-color:#16a085;box-shadow:0 2px 8px #16a0851a}.pcc-panel-row.has-price{border-left:4px solid #16a085}.pcc-rank-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,#16a085,#1abc9c);color:#fff;border-radius:50%;font-weight:700;font-size:14px}.pcc-empty{background:linear-gradient(135deg,#f1f8f6,#fff);border:2px dashed #16a085;border-radius:12px;padding:2.5rem 1.5rem;text-align:center}.pcc-empty-icon{font-size:3rem;color:#16a085;opacity:.7}.pcc-empty-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.pcc-empty-step{background:#fff;padding:.75rem;border-radius:8px;box-shadow:0 1px 3px #0000000d}.pcc-empty-step .num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#16a085;color:#fff;border-radius:50%;font-weight:700;font-size:12px;margin-bottom:4px}.pcc-submit-bar{position:sticky;bottom:0;background:#fff;padding:1rem;border-top:1px solid #dee2e6;box-shadow:0 -4px 12px #0000000a;margin:1.25rem -1.25rem -1.25rem;border-radius:0 0 12px 12px}.pcc-pulse{animation:pccPulse 2s ease-in-out infinite}@keyframes pccPulse{0%,to{box-shadow:0 0 #16a08580}50%{box-shadow:0 0 0 12px #16a08500}}.pcc-currency-select{font-weight:600}.pcc-recent-card{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;border:1px solid #e9ecef!important}.pcc-recent-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #16a0851f!important;border-color:#16a085!important}.pcc-recent-panels{max-height:220px;overflow-y:auto}.pcc-recent-panels::-webkit-scrollbar{width:6px}.pcc-recent-panels::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.pcc-recent-panels li:last-child{border-bottom:0!important}