*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#ffffff;--bg-alt:#f5f5f5;--fg:#171717;--fg-muted:#737373;--border:#e5e5e5;--accent:#f59e0b;--accent-hover:#d97706;--accent-glow:rgba(245,158,11,0.15);--card-bg:#ffffff;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--radius:12px;--radius-sm:8px;--solar-orange:#f97316;--solar-yellow:#f59e0b}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--fg-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.nav-links a:hover{color:var(--fg)}.nav-actions{display:flex;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.btn-lg{padding:.875rem 1.75rem}.btn-primary{background:var(--accent);color:white}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);background:var(--card-bg)}.btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-outline:hover{background:var(--accent);color:white}.btn-block{width:100%}.hero{padding:8rem 0 4rem;text-align:center}.badge{display:inline-block;padding:.5rem 1rem;background:var(--accent-glow);border:1px solid rgba(59,130,246,.3);border-radius:100px;font-size:.875rem;color:var(--accent);margin-bottom:2rem}.hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem}.gradient{background:linear-gradient(135deg,var(--accent),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.25rem;color:var(--fg-muted);max-width:600px;margin:0 auto 2.5rem}.hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem;max-width:800px;margin:0 auto;padding:2rem 0;border-top:1px solid var(--border)}.stat{text-align:center}.stat-value{font-size:2rem}.stat-label{font-size:.875rem}.section{padding:6rem 0}.section-alt{background:var(--bg-alt)}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.section-header p{color:var(--fg-muted);font-size:1.125rem;max-width:600px;margin:0 auto}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;transition:all .2s}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card-icon{font-size:2rem;margin-bottom:1rem}.card h3{font-size:1.25rem;margin-bottom:.5rem}.card p{color:var(--fg-muted);font-size:.95rem}.template-card{padding:0;overflow:hidden}.template-preview{height:200px;background:var(--bg)}.template-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--fg-muted);background:linear-gradient(135deg,var(--bg-alt),var(--card-bg))}.template-info{padding:1.5rem}.template-category{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.template-features{list-style:none;margin:1rem 0}.template-features li{color:var(--fg-muted);font-size:.9rem;padding:.25rem 0}.pricing-grid{align-items:start}.pricing-card.popular{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}.popular-badge{font-size:.75rem}.pricing-desc{color:var(--fg-muted);font-size:.9rem;margin-bottom:1rem}.price{margin-bottom:1.5rem}.price-amount{font-size:2.5rem;font-weight:700}.price-period{color:var(--fg-muted);font-size:1rem}.pricing-features{margin-bottom:1.5rem}.pricing-features li{color:var(--fg-muted)}.pricing-features li:last-child{border-bottom:none}.cta-section{padding:6rem 0;background:linear-gradient(135deg,var(--bg),var(--bg-alt));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-section p{color:var(--fg-muted);font-size:1.125rem;margin-bottom:2rem}.cta-actions{display:flex;gap:1rem;justify-content:center}.footer{padding:4rem 0 2rem;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:3rem;gap:3rem;margin-bottom:3rem}.footer-logo{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-col h4{text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.footer-col a,.footer-col h4{font-size:.9rem;color:var(--fg-muted)}.footer-col a{display:block;text-decoration:none;padding:.25rem 0;transition:color .2s}.footer-col a:hover{color:var(--fg)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border);text-align:center;color:var(--fg-muted);font-size:.875rem}.auth-page{min-height:100vh;background:var(--bg)}.auth-container{width:100%;max-width:420px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem}.auth-logo{font-size:1.5rem;font-weight:700;color:var(--fg);text-decoration:none;display:block;margin-bottom:1rem}.auth-header p{color:var(--fg-muted)}.auth-form{gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--fg-muted)}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-options{justify-content:space-between;font-size:.875rem}.checkbox,.form-options{display:flex;align-items:center}.checkbox{gap:.5rem;cursor:pointer}.checkbox input{accent-color:var(--accent)}.forgot-link{color:var(--accent);text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-divider{text-align:center;color:var(--fg-muted);padding:1rem 0;position:relative}.social-login{display:flex;flex-direction:column;gap:.75rem}.auth-footer{margin-top:1.5rem;color:var(--fg-muted);font-size:.875rem}.auth-footer a:hover{text-decoration:underline}.auth-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.cancel-icon,.success-icon{font-size:4rem;text-align:center;margin-bottom:1rem}.order-summary{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;margin:1.5rem 0}.status-success{color:var(--success);font-weight:600}.template-page{min-height:100vh}.template-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:.75rem 0}.template-nav .container{display:flex;align-items:center;justify-content:space-between}.back-link{color:var(--fg-muted);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--fg)}.template-badge{background:var(--accent-glow);color:var(--accent);padding:.25rem .75rem;border-radius:100px;font-size:.75rem}.cart-icon{font-size:1.25rem}.template-hero{padding:8rem 0 4rem;text-align:center}.fnb-hero{background:linear-gradient(135deg,#1a0a00,var(--bg))}.ecommerce-hero{background:linear-gradient(135deg,#0a0a1a,var(--bg))}.portfolio-hero{background:linear-gradient(135deg,#0a1a0a,var(--bg))}.template-hero h1{font-size:2.5rem;margin-bottom:.5rem}.template-hero p{color:var(--fg-muted);font-size:1.125rem;margin-bottom:2rem}.avatar{width:100px;height:100px;border-radius:50%;background:var(--card-bg);border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1.5rem}.search-bar{display:flex;gap:.5rem;max-width:500px;margin:0 auto}.search-bar input{flex:1 1;padding:.75rem 1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg)}.section-title{font-size:2rem;margin-bottom:2rem;text-align:center}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.menu-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center}.menu-icon{font-size:2.5rem;margin-bottom:.5rem}.menu-card .price{display:block;margin-top:.5rem;color:var(--accent);font-weight:600}.reservation-form{max-width:600px;margin:0 auto}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.product-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center}.product-badge{padding:.25rem .5rem;border-radius:4px}.product-badge.sale{background:#dc2626;color:white}.product-badge.new{background:var(--success);color:white}.product-image{height:150px;background:var(--bg);border-radius:var(--radius-sm);font-size:3rem;margin-bottom:1rem}.current-price{font-weight:600;color:var(--accent)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.checkout-demo{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;max-width:900px;margin:0 auto}.checkout-summary,.payment-methods{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.checkout-items{margin:1rem 0}.checkout-item{padding:.5rem 0;border-bottom:1px solid var(--border)}.checkout-item,.checkout-total{display:flex;justify-content:space-between}.checkout-total{font-weight:600;padding-top:1rem;border-top:2px solid var(--border)}.total-price{color:var(--accent);font-size:1.25rem}.payment-options{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.payment-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;transition:all .2s}.payment-option.selected{background:var(--accent-glow)}.payment-option.selected,.payment-option:hover{border-color:var(--accent)}.payment-note{text-align:center;color:var(--fg-muted);font-size:.875rem;margin-top:1rem}.project-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.project-image{height:200px;background:linear-gradient(135deg,var(--bg),var(--bg-alt));display:flex;align-items:center;justify-content:center;font-size:4rem}.project-info{padding:1.5rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{background:var(--accent-glow);color:var(--accent);padding:.25rem .75rem;border-radius:100px;font-size:.75rem}.about-content{display:grid;grid-template-columns:2fr 1fr;grid-gap:3rem;gap:3rem;max-width:900px;margin:0 auto}.about-text p{color:var(--fg-muted);margin-bottom:1rem}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.skill-tag{background:var(--bg);border:1px solid var(--border);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem}.contact-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.contact-form form{display:flex;flex-direction:column;gap:1rem}.blog-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.blog-meta{display:flex;justify-content:space-between;color:var(--fg-muted);font-size:.75rem;margin-bottom:.75rem}.template-footer{padding:2rem 0;text-align:center;border-top:1px solid var(--border);color:var(--fg-muted);font-size:.875rem}.dashboard{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--bg-alt);border-right:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column}.sidebar-logo{font-size:1.5rem;font-weight:700;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.sidebar-nav{flex:1 1;gap:.5rem}.sidebar-footer{padding-top:1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.nav-item{display:block;padding:.75rem 1rem;color:var(--fg-muted);text-decoration:none;border-radius:var(--radius-sm);transition:all .2s;font-size:.9rem}.nav-item.active,.nav-item:hover{background:var(--card-bg);color:var(--fg)}.nav-item.active{border-left:3px solid var(--accent)}.dashboard-content{background:var(--bg)}.dashboard-header{display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{font-size:1.75rem}.dashboard-header p{color:var(--fg-muted)}.header-actions{gap:1rem}.header-actions,.user-avatar{display:flex;align-items:center}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--card-bg);border:2px solid var(--border);justify-content:center}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-card{padding:1.5rem}.stat-card .stat-label{color:var(--fg-muted);font-size:.875rem;margin-bottom:.5rem}.stat-card .stat-value{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.stat-change{font-size:.875rem}.stat-change.up{color:var(--success)}.stat-change.down{color:#ef4444}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:1.5rem;gap:1.5rem}.dashboard-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.dashboard-card h2{font-size:1.25rem;margin-bottom:1rem}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:.75rem;text-align:left;border-bottom:1px solid var(--border);font-size:.875rem}.data-table th{color:var(--fg-muted);font-weight:500}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.status-badge.completed{background:rgba(34,197,94,.1);color:var(--success)}.status-badge.pending{background:rgba(245,158,11,.1);color:var(--warning)}.status-badge.processing{background:rgba(59,130,246,.1);color:var(--accent)}.status-badge.cancelled{background:rgba(239,68,68,.1);color:#ef4444}.quick-pay{display:flex;flex-direction:column;gap:1rem}.pay-note{text-align:center;color:var(--fg-muted);font-size:.875rem;margin-top:.5rem}.solution-card{display:flex;gap:1.5rem;padding:2rem}.solution-icon{font-size:3rem;flex-shrink:0}.solution-content h3{margin-bottom:.75rem}.solution-content p,.solution-roi{margin-bottom:1rem}.solution-roi{background:var(--accent-glow);color:var(--accent);padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;display:inline-block}.solution-features{list-style:none;margin-bottom:1.5rem}.solution-features li{color:var(--fg-muted);font-size:.9rem;padding:.25rem 0}.pain-points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.pain-point-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center}.pain-label{color:#ef4444;font-weight:500}.solution-arrow{font-size:1.5rem;color:var(--accent);margin:.5rem 0}.solution-label{color:var(--success);font-weight:500}.impact{margin-top:.75rem;color:var(--accent);font-weight:600}.case-studies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:1.5rem;gap:1.5rem}.case-study-card h3{margin-bottom:1rem;color:var(--accent)}.case-metrics{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1rem}.case-metric{background:var(--bg);padding:1rem;border-radius:var(--radius-sm)}.metric-label{display:block;font-size:.75rem;margin-bottom:.25rem}.metric-value{font-weight:600;font-size:.9rem}.metric-value.before{color:#ef4444}.metric-value.after{color:var(--success)}.case-roi{background:var(--accent-glow);color:var(--accent);padding:.75rem;border-radius:var(--radius-sm);font-weight:600;margin-bottom:.5rem}.case-system{color:var(--fg-muted);font-size:.875rem}.assessment-page{min-height:100vh;background:var(--bg)}.assessment-container{max-width:900px;margin:0 auto;padding:6rem 1.5rem 4rem}.assessment-header{text-align:center;margin-bottom:3rem}.assessment-header h1{font-size:2.5rem;margin-bottom:1rem}.assessment-header p{color:var(--fg-muted);font-size:1.125rem}.assessment-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2{font-size:1.5rem;margin-bottom:1.5rem}.assessment-actions{margin-top:2rem}.assessment-note{text-align:center;color:var(--fg-muted);font-size:.875rem;margin-top:1rem}.assessment-benefits{margin-top:3rem;text-align:center}.assessment-benefits h3{font-size:1.5rem;margin-bottom:2rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.benefit{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:left}.benefit-icon{font-size:2rem;margin-bottom:.75rem}.benefit h4{margin-bottom:.5rem}.benefit p{color:var(--fg-muted);font-size:.875rem}.realtime-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.status-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;align-items:center;gap:1rem}.status-icon{font-size:2rem}.status-label{font-size:.75rem;color:var(--fg-muted)}.status-value{font-weight:700;font-size:1.125rem}.live-badge{background:rgba(239,68,68,.1);color:#ef4444;padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600}.stat-icon{font-size:1.5rem}.trend-up{color:var(--success)}.alerts-list{display:flex;flex-direction:column;gap:.75rem}.alert-item{padding:.75rem;border-radius:var(--radius-sm);border-left:3px solid var(--border)}.alert-item.info{border-color:var(--accent);background:var(--accent-glow)}.alert-item.success{border-color:var(--success);background:rgba(34,197,94,.1)}.alert-item.warning{border-color:var(--warning);background:rgba(245,158,11,.1)}.alert-time{font-size:.75rem;color:var(--fg-muted);display:block;margin-bottom:.25rem}.alert-message{font-size:.875rem}.quick-actions{margin-top:2rem}.quick-actions h2{font-size:1.25rem;margin-bottom:1rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.action-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s;color:var(--fg)}.action-card:hover{border-color:var(--accent);transform:translateY(-2px)}.action-icon{font-size:2rem}.ai-badge{background:rgba(139,92,246,.1);color:#8b5cf6;padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600}.suggestions-list{display:flex;flex-direction:column;gap:1rem}.suggestion-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}.suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.suggestion-title{font-weight:500}.suggestion-impact{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:600}.suggestion-impact.high{background:rgba(34,197,94,.1);color:var(--success)}.suggestion-impact.medium{background:rgba(245,158,11,.1);color:var(--warning)}.suggestion-details{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.875rem;color:var(--fg-muted)}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.alert-component{font-weight:600}.alert-severity{font-size:.7rem;padding:.125rem .5rem;border-radius:4px;font-weight:600}.alert-severity.high{background:rgba(239,68,68,.1);color:#ef4444}.alert-severity.medium{background:rgba(245,158,11,.1);color:var(--warning)}.alert-severity.low{background:rgba(59,130,246,.1);color:var(--accent)}.alert-severity.info{background:var(--accent-glow);color:var(--accent)}.alert-actions{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.875rem}.alert-action{color:var(--accent)}.alert-status{font-size:.75rem;text-transform:capitalize}.alert-status.pending{color:var(--warning)}.alert-status.scheduled{color:var(--accent)}.alert-status.noted{color:var(--fg-muted)}.alert-status.active{color:var(--success)}.credits-list{display:flex;flex-direction:column;gap:.75rem}.credit-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}.credit-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.credit-id{font-weight:600}.credit-status{font-size:.75rem;padding:.125rem .5rem;border-radius:4px}.credit-status.available{background:rgba(34,197,94,.1);color:var(--success)}.credit-status.sold{background:rgba(107,114,128,.1);color:var(--fg-muted)}.credit-details{display:flex;gap:1rem;font-size:.875rem;color:var(--fg-muted);margin-bottom:.75rem}.progress-bar{display:flex;align-items:center;gap:.5rem;background:var(--bg);border-radius:100px;padding:.25rem .5rem}.progress-fill{height:8px;background:var(--accent);border-radius:100px;min-width:20px}.progress-bar span,.trading-badge{font-size:.75rem;font-weight:600}.trading-badge{background:rgba(34,197,94,.1);color:var(--success);padding:.25rem .75rem;border-radius:100px}.p2p-list{display:flex;flex-direction:column;gap:.75rem}.p2p-offer{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}.offer-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.offer-name{font-weight:600}.offer-rating{color:var(--warning)}.offer-details{display:flex;gap:1rem;font-size:.875rem;color:var(--fg-muted);margin-bottom:.75rem}.offer-actions{display:flex;gap:.5rem}.trading-settings{display:flex;flex-direction:column;gap:1rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.setting-item:last-child{border-bottom:none}.setting-item input{padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);width:120px}.toggle{padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600;background:var(--bg);color:var(--fg-muted)}.toggle.active{background:var(--accent);color:white}.roi-page{min-height:100vh;background:var(--bg)}.roi-container{max-width:1200px;margin:0 auto;padding:6rem 1.5rem 4rem}.roi-header{text-align:center;margin-bottom:3rem}.roi-header h1{font-size:2.5rem;margin-bottom:1rem}.roi-header p{color:var(--fg-muted);font-size:1.125rem}.roi-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.roi-results h2{margin-bottom:1.5rem}.roi-metrics{grid-template-columns:repeat(2,1fr)}.roi-metric-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;text-align:center}.roi-metric-card.highlight{border-color:var(--accent);background:var(--accent-glow)}.roi-metric-label{display:block;font-size:.75rem;color:var(--fg-muted);margin-bottom:.25rem}.roi-metric-value{font-size:1.25rem;font-weight:700}.roi-breakdown{margin-bottom:2rem}.roi-breakdown h3{margin-bottom:1rem}.roi-table{width:100%}.roi-table td{padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.875rem}.roi-table td:first-child{color:var(--fg-muted)}.roi-table td:last-child{text-align:right;font-weight:600}.roi-actions{flex-direction:column;gap:.75rem}.projects-list{display:flex;flex-direction:column;gap:1rem}.project-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}.project-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.project-id{font-weight:600}.project-status{font-size:.75rem;padding:.125rem .5rem;border-radius:4px;text-transform:capitalize}.project-status.installing{background:rgba(59,130,246,.1);color:var(--accent)}.project-status.design{background:rgba(245,158,11,.1);color:var(--warning)}.project-status.commissioning{background:rgba(34,197,94,.1);color:var(--success)}.project-status.assessment{background:rgba(107,114,128,.1);color:var(--fg-muted)}.project-details{display:flex;justify-content:space-between;margin-bottom:.5rem}.project-client,.project-size{font-size:.875rem}.project-size{color:var(--accent);font-weight:600}.project-progress{display:flex;justify-content:space-between;align-items:center}.project-deadline{font-size:.75rem;color:var(--fg-muted)}.leads-list{display:flex;flex-direction:column;gap:1rem}.lead-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}.lead-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.lead-id{font-weight:600}.lead-status{font-size:.75rem;padding:.125rem .5rem;border-radius:4px;text-transform:capitalize}.lead-status.hot{background:rgba(239,68,68,.1);color:#ef4444}.lead-status.warm{background:rgba(245,158,11,.1);color:var(--warning)}.lead-status.new{background:var(--accent-glow);color:var(--accent)}.lead-details{display:flex;gap:1rem;font-size:.875rem;margin-bottom:.5rem}.lead-company{font-weight:500}.lead-size,.lead-source,.lead-value{color:var(--fg-muted)}.lead-source{font-size:.75rem;margin-bottom:.5rem}.lead-actions{display:flex;gap:.5rem}.top-bar{background:var(--fg);color:var(--bg);padding:.5rem 0;font-size:.8rem}.top-bar-inner{display:flex;justify-content:space-between;align-items:center}.top-bar-links{display:flex;gap:1.5rem}.top-bar-links a{color:var(--bg);text-decoration:none;opacity:.9}.top-bar-links a:hover{opacity:1}.hero-solar{background:linear-gradient(135deg,#fff7ed,#fef3c7,#fff);padding-top:8rem}.hero-solar .badge{background:rgba(249,115,22,.1);border-color:rgba(249,115,22,.3);color:var(--solar-orange)}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem;max-width:800px;margin:4rem auto 0;padding:2rem 0;border-top:1px solid var(--border)}.grid-4{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.category-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:all .2s}.category-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.category-icon{font-size:3rem;margin-bottom:1rem}.category-meta{display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem;font-size:.875rem}.category-count{color:var(--fg-muted)}.category-price{color:var(--solar-orange);font-weight:600}.category-bestseller{margin-top:.75rem;padding:.5rem;background:var(--bg-alt);border-radius:var(--radius-sm);font-size:.8rem;color:var(--fg-muted)}.product-card{position:relative;padding:0;overflow:hidden}.product-badge{position:absolute;top:.75rem;right:.75rem;background:var(--solar-orange);color:white;padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600;z-index:1}.product-image{height:200px;background:var(--bg-alt);display:flex;align-items:center;justify-content:center;font-size:4rem}.product-info{padding:1.25rem}.product-category{font-size:.75rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.product-info h3{font-size:1rem;margin:.5rem 0;line-height:1.4}.product-price{margin:.75rem 0}.current-price{font-size:1.25rem;font-weight:700;color:var(--solar-orange)}.old-price{text-decoration:line-through;color:var(--fg-muted);font-size:.875rem;margin-left:.5rem}.product-actions{gap:.5rem;margin-top:.75rem}.section-footer{margin-top:3rem}.section-footer,.service-card{text-align:center}.service-icon{font-size:3rem;margin-bottom:1rem}.service-features{list-style:none;margin:1rem 0 1.5rem;text-align:left}.service-features li{color:var(--fg-muted);font-size:.9rem;padding:.25rem 0}.brands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem}.brand-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center;transition:all .2s}.brand-card:hover{border-color:var(--accent);transform:translateY(-2px)}.brand-name{font-weight:600;color:var(--fg-muted)}.cart-btn{position:relative}@media (max-width:768px){.nav-links{display:none}.hero h1{font-size:2.5rem}.stats{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column;align-items:center}.footer-grid{grid-template-columns:1fr;gap:2rem}.cta-actions{flex-direction:column;align-items:center}.dashboard{grid-template-columns:1fr}.sidebar{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.about-content,.checkout-demo,.dashboard-grid,.form-grid{grid-template-columns:1fr}.solution-card{flex-direction:column}.case-studies-grid{grid-template-columns:1fr}.actions-grid,.realtime-status{grid-template-columns:repeat(2,1fr)}.roi-layout{grid-template-columns:1fr}.roi-metrics{grid-template-columns:1fr 1fr}.hero-stats{grid-template-columns:repeat(2,1fr)}.top-bar-inner{flex-direction:column;gap:.5rem;text-align:center}.grid-4{grid-template-columns:repeat(2,1fr)}.brands-grid{grid-template-columns:repeat(3,1fr)}.product-grid-3,.product-grid-4{grid-template-columns:repeat(2,1fr)}.product-layout{grid-template-columns:1fr}.configurator-steps{flex-wrap:wrap}.cart-item,.option-grid{grid-template-columns:1fr}}.page-content{min-height:100vh}.category-page,.page-content,.product-page{padding-top:6rem}.category-header{text-align:center;padding:3rem 0;border-bottom:1px solid var(--border);margin-bottom:3rem}.category-header .category-icon{font-size:4rem;display:block;margin-bottom:1rem}.category-header h1{font-size:2.5rem;margin-bottom:.5rem}.category-description{color:var(--fg-muted);font-size:1.1rem;max-width:600px;margin:0 auto 1rem}.product-count{display:inline-block;background:var(--bg-alt);padding:.5rem 1rem;border-radius:100px;font-size:.9rem;color:var(--fg-muted)}.product-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.product-grid-4{grid-template-columns:repeat(4,1fr)}.product-grid-3{grid-template-columns:repeat(3,1fr)}.product-grid-2{grid-template-columns:repeat(2,1fr)}.product-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;margin:2rem 0}.product-gallery{background:var(--bg-alt);border-radius:var(--radius);overflow:hidden}.product-main-image{width:100%;height:400px;object-fit:cover}.product-placeholder{height:400px;display:flex;align-items:center;justify-content:center;font-size:6rem}.product-brand{font-size:.875rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.product-sku{font-size:.8rem;color:var(--fg-muted);margin-bottom:1rem}.product-price-section{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.product-price-section .current-price{font-size:2rem;font-weight:700;color:var(--solar-orange)}.product-description{color:var(--fg-muted);line-height:1.7;margin-bottom:1.5rem}.product-stock{margin-bottom:1.5rem}.in-stock{color:var(--success);font-weight:500}.out-of-stock{color:var(--danger);font-weight:500}.product-actions{display:flex;gap:1rem;margin-bottom:2rem}.product-specs{margin:2rem 0}.product-specs h3{margin-bottom:1rem}.specs-table{width:100%;border-collapse:collapse}.specs-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.spec-label{color:var(--fg-muted);width:40%;font-weight:500}.product-warranty{background:var(--bg-alt);padding:1.5rem;border-radius:var(--radius);margin-top:2rem}.product-warranty h3{margin-bottom:.75rem}.product-warranty ul{list-style:none;padding:0}.product-warranty li{padding:.25rem 0;color:var(--fg-muted)}.product-warranty li:before{content:"✓ ";color:var(--success)}.related-products{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.roi-calculator{padding:2rem 0}.roi-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.roi-form h2{margin-bottom:.5rem}.roi-results{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.roi-results h3{margin-bottom:1.5rem}.roi-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.metric-card{background:var(--bg-alt);padding:1.25rem;border-radius:var(--radius-sm);text-align:center}.metric-card.highlight{background:var(--accent-glow);border:1px solid var(--accent)}.metric-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.metric-label{font-size:.8rem;color:var(--fg-muted);margin-top:.25rem}.roi-actions{display:flex;gap:1rem;flex-wrap:wrap}.configurator{padding:2rem 0}.configurator-header{text-align:center;margin-bottom:2rem}.configurator-steps{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.step{flex-direction:column;gap:.5rem}.step,.step-number{display:flex;align-items:center}.step-number{width:40px;height:40px;border-radius:50%;background:var(--bg-alt);border:2px solid var(--border);justify-content:center;font-weight:600}.step.active .step-number{background:var(--accent);border-color:var(--accent);color:white}.step.completed .step-number{background:var(--success);border-color:var(--success);color:white}.step-label{font-size:.8rem;color:var(--fg-muted)}.configurator-body{max-width:700px;margin:0 auto;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.step-content h3{margin-bottom:1.5rem;text-align:center}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.option-card{background:var(--bg-alt);border:2px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.option-card.selected,.option-card:hover{border-color:var(--accent)}.option-card.selected{background:var(--accent-glow)}.option-icon{font-size:2.5rem}.option-title{font-weight:600}.option-desc{font-size:.85rem;color:var(--fg-muted);text-align:center}.configurator-footer{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.configurator-result{max-width:700px;margin:0 auto}.recommendation-card{background:var(--card-bg);border:2px solid var(--accent);border-radius:var(--radius);padding:2rem}.rec-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.rec-badge{background:var(--accent);color:white;padding:.25rem .75rem;border-radius:100px;font-size:.8rem;font-weight:600}.rec-details{display:grid;grid-gap:1rem;gap:1rem;margin-bottom:2rem}.rec-item{display:flex;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-alt);border-radius:var(--radius-sm)}.rec-item.highlight{background:var(--accent-glow);border:1px solid var(--accent)}.rec-label{color:var(--fg-muted)}.rec-value{font-weight:600}.rec-actions{display:flex;gap:1rem;flex-wrap:wrap}.warranty-portal{padding:2rem 0}.warranty-tabs{display:flex;gap:1rem;margin-bottom:2rem}.tab{padding:.75rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);cursor:pointer;font-size:.9rem;transition:all .2s}.tab.active{background:var(--accent);color:white;border-color:var(--accent)}.warranty-booking,.warranty-lookup{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.warranty-results{margin-top:2rem}.warranty-list{display:grid;grid-gap:1rem;gap:1rem;margin-top:1rem}.warranty-card{background:var(--bg-alt);padding:1.25rem;border-radius:var(--radius-sm);border-left:4px solid var(--success)}.warranty-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.warranty-details{display:flex;gap:2rem;font-size:.85rem;color:var(--fg-muted);margin-bottom:.75rem}.status-badge{padding:.25rem .75rem;border-radius:100px;font-size:.8rem;font-weight:500}.status-badge.active{background:rgba(34,197,94,.1);color:var(--success)}.status-badge.expired{background:rgba(239,68,68,.1);color:var(--danger)}.warranty-not-found{text-align:center;padding:2rem}.warranty-success{text-align:center;padding:4rem 2rem}.success-icon{font-size:4rem;display:block;margin-bottom:1rem}.cart{padding:2rem 0}.cart-empty{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;display:block;margin-bottom:1rem}.cart-items{display:grid;grid-gap:1rem;gap:1rem;margin:2rem 0}.cart-item{display:grid;grid-template-columns:80px 1fr auto auto auto;grid-gap:1.5rem;gap:1.5rem;padding:1rem;background:var(--card-bg);border:1px solid var(--border)}.cart-item,.cart-item-image{align-items:center;border-radius:var(--radius-sm)}.cart-item-image{width:80px;height:80px;background:var(--bg-alt);display:flex;justify-content:center;font-size:2rem}.cart-item-info h3{font-size:.95rem;margin-bottom:.25rem}.cart-item-price{color:var(--solar-orange);font-weight:600}.cart-item-quantity{display:flex;align-items:center;gap:.5rem}.cart-item-quantity button{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);cursor:pointer;font-size:1rem}.cart-item-subtotal{font-weight:600;min-width:120px;text-align:right}.cart-item-remove{background:none;border:none;color:var(--fg-muted);cursor:pointer;font-size:1.2rem;padding:.5rem}.cart-item-remove:hover{color:var(--danger)}.cart-summary{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin-top:2rem}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.total-price{font-size:1.5rem;font-weight:700;color:var(--solar-orange)}.cart-actions{display:flex;gap:1rem}.not-found{text-align:center;padding:8rem 2rem}.not-found h1{margin-bottom:1rem}.empty-state{text-align:center;padding:4rem 2rem}.discount-badge{display:inline-block;background:var(--danger);color:white;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;margin-left:.5rem}.input-lg{font-size:1.25rem;padding:1rem}.price-tag{display:flex;align-items:center;gap:.75rem}.section{padding:3rem 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-title{font-size:1.75rem;margin-bottom:.25rem}.section-subtitle{color:var(--fg-muted)}.badge-primary{background:var(--accent);color:white}.badge-success{background:var(--success);color:white}.badge-warning{background:var(--warning);color:white}.badge-danger{background:var(--danger);color:white}.badge-info{background:#3b82f6;color:white}.badge-sm{padding:.2rem .5rem;font-size:.75rem}.badge-md{padding:.3rem .75rem;font-size:.85rem}.btn-sm{padding:.4rem .75rem;font-size:.8rem}.btn-lg{padding:.875rem 2rem;font-size:1rem}.customer-dashboard{padding:2rem 0}.dashboard-header{margin-bottom:2rem}.dashboard-layout{display:grid;grid-template-columns:240px 1fr;grid-gap:2rem;gap:2rem}.dashboard-sidebar{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;height:-moz-fit-content;height:fit-content}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-link{padding:.75rem 1rem;border:none;background:none;border-radius:var(--radius-sm);text-align:left;cursor:pointer;font-size:.9rem;transition:all .2s}.sidebar-link:hover{background:var(--bg-alt)}.sidebar-link.active{background:var(--accent-glow);color:var(--accent);font-weight:500}.dashboard-content{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.orders-list{display:grid;grid-gap:1rem;gap:1rem;margin-top:1.5rem}.order-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.order-id{font-weight:600;margin-right:1rem}.order-date{color:var(--fg-muted);font-size:.85rem}.order-status{padding:.25rem .75rem;border-radius:100px;font-size:.8rem;font-weight:500}.status-pending{background:rgba(245,158,11,.1);color:var(--warning)}.status-confirmed{background:rgba(59,130,246,.1);color:#3b82f6}.status-paid{background:rgba(34,197,94,.1);color:var(--success)}.status-shipped{background:rgba(99,102,241,.1);color:#6366f1}.status-delivered{background:rgba(34,197,94,.1);color:var(--success)}.status-cancelled{background:rgba(239,68,68,.1);color:var(--danger)}.order-items{margin-bottom:1rem}.order-item{padding:.5rem 0;font-size:.9rem;border-bottom:1px solid var(--border)}.order-item,.order-total{display:flex;justify-content:space-between}.order-total{padding:.75rem 0;font-weight:600}.total-amount{color:var(--solar-orange);font-size:1.1rem}.order-actions{display:flex;gap:.5rem;margin-top:.75rem}.profile-form{margin-top:1.5rem}.solar-dashboard{padding:2rem 0}.period-selector{display:flex;gap:.5rem;margin-top:1rem}.period-btn{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);cursor:pointer;font-size:.85rem;transition:all .2s}.period-btn.active{background:var(--accent);color:white;border-color:var(--accent)}.solar-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin:2rem 0}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center}.stat-card.highlight{background:var(--accent-glow);border-color:var(--accent)}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.stat-label{font-size:.8rem;color:var(--fg-muted);margin-top:.25rem}.chart-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin:2rem 0}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:200px;margin-top:1.5rem;padding-top:1rem}.bar-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1 1;height:100%;justify-content:flex-end}.bar{width:40px;background:var(--accent);border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;min-height:20px;transition:height .3s}.bar-value{font-size:.7rem;font-weight:600;color:white;padding:.25rem}.bar-label{font-size:.8rem;color:var(--fg-muted)}.comparison-section{margin:2rem 0}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.comparison-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.comparison-card.before{border-left:4px solid var(--danger)}.comparison-card.after{border-left:4px solid var(--success)}.comparison-card.savings{background:var(--accent-glow);border:2px solid var(--accent)}.comparison-card h3{margin-bottom:1rem;font-size:1.1rem}.comparison-metric{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border)}.comparison-metric .value{font-weight:600}.comparison-metric .value.highlight{color:var(--accent);font-size:1.1rem}.export-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin:2rem 0}.export-actions{display:flex;gap:1rem;margin-top:1rem}.hybrid-hero{text-align:center;padding:3rem 0}.hero-subtitle{font-size:1.2rem;color:var(--fg-muted);max-width:600px;margin:1rem auto 2rem}.hybrid-benefits{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.benefit-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center}.benefit-icon{font-size:3rem;display:block;margin-bottom:1rem}.benefit-card h3{margin-bottom:.5rem}.benefit-card p{color:var(--fg-muted);font-size:.9rem}.critical-load-calculator{padding:2rem 0}.appliance-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin:2rem 0}.appliance-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.appliance-card input{width:20px;height:20px;accent-color:var(--accent)}.appliance-card.checked{border-color:var(--accent);background:var(--accent-glow)}.appliance-name{font-weight:500;font-size:.9rem}.appliance-power{font-size:.8rem;color:var(--fg-muted)}.calculator-result{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin-top:2rem}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}.result-card{background:var(--bg-alt);padding:1.25rem;border-radius:var(--radius-sm);text-align:center}.result-card.highlight{background:var(--accent-glow);border:1px solid var(--accent)}.result-value{font-size:1.25rem;font-weight:700;color:var(--accent)}.result-label{font-size:.8rem;color:var(--fg-muted);margin-top:.25rem}.result-actions{display:flex;gap:1rem;margin-top:1.5rem}.hybrid-comparison,.hybrid-products{padding:2rem 0}.comparison-table{width:100%;border-collapse:collapse;margin-top:1.5rem}.comparison-table td,.comparison-table th{padding:1rem;text-align:center;border-bottom:1px solid var(--border)}.comparison-table th{background:var(--bg-alt);font-weight:600}.comparison-table td:first-child{text-align:left;font-weight:500}.comparison-table .good{color:var(--success)}.comparison-table .bad{color:var(--danger)}.quotation-tool{padding:2rem 0}.quotation-layout{display:grid;grid-template-columns:1fr 350px;grid-gap:2rem;gap:2rem}.quotation-form-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.quotation-preview{position:-webkit-sticky;position:sticky;top:6rem;height:-moz-fit-content;height:fit-content}.preview-card{background:var(--bg-alt);border-radius:var(--radius);padding:1.5rem;margin:1.5rem 0}.preview-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border)}.preview-item:last-child{border-bottom:none}.preview-item.highlight{background:var(--accent-glow);margin:0 -1rem;padding:.75rem 1rem;border-radius:var(--radius-sm)}.preview-label{color:var(--fg-muted)}.preview-value{font-weight:600}.quotation-success{text-align:center;padding:4rem 2rem}.services-hero{text-align:center;padding:3rem 0}.process-section{padding:2rem 0}.process-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:1rem;gap:1rem;margin-top:2rem}.process-step{text-align:center;position:relative}.process-step .step-number{width:32px;height:32px;border-radius:50%;background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;margin:0 auto .5rem}.step-icon{font-size:2rem;display:block;margin-bottom:.5rem}.process-step h3{font-size:.95rem;margin-bottom:.25rem}.process-step p{font-size:.8rem;color:var(--fg-muted)}.services-list{padding:2rem 0}.service-detail-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin-bottom:1.5rem}.service-detail-header{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1.5rem}.service-detail-header .service-icon{font-size:3rem}.service-features-list{list-style:none;padding:0;margin:1rem 0}.service-features-list li{padding:.5rem 0;color:var(--fg-muted)}.service-detail-content{display:grid;grid-template-columns:1fr auto;grid-gap:2rem;gap:2rem;align-items:center}.pricing-section{padding:2rem 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.pricing-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;text-align:center;position:relative}.pricing-card.popular{border:2px solid var(--accent);transform:scale(1.05)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:white;padding:.25rem 1rem;border-radius:100px;font-size:.8rem;font-weight:600}.pricing-system{font-size:1.5rem;font-weight:700;margin:1rem 0}.pricing-price{font-size:1.25rem;color:var(--solar-orange);font-weight:600;margin-bottom:.5rem}.pricing-payback,.pricing-savings{font-size:.85rem;color:var(--fg-muted);margin-bottom:.5rem}.pricing-features{list-style:none;padding:0;margin:1.5rem 0;text-align:left}.pricing-features li{padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.cta-section{text-align:center;padding:3rem 0;background:var(--bg-alt);border-radius:var(--radius);margin:2rem 0}.cta-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}@media (max-width:768px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{display:flex;overflow-x:auto}.sidebar-nav{flex-direction:row}.solar-stats{grid-template-columns:repeat(2,1fr)}.comparison-grid,.hybrid-benefits{grid-template-columns:1fr}.appliance-grid{grid-template-columns:repeat(2,1fr)}.quotation-layout,.result-metrics{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}.service-detail-content{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-actions,.admin-grid,.import-steps,.result-stats{grid-template-columns:1fr}}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem}.auth-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:1.75rem;margin-bottom:.5rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-error{background:rgba(239,68,68,.1);border:1px solid var(--danger);color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.9rem}.auth-footer{margin-top:2rem;text-align:center}.auth-footer p{margin-bottom:.5rem}.auth-footer a{color:var(--accent);text-decoration:none;font-weight:500}.admin-dashboard{padding:2rem 0}.admin-header,.admin-stats{margin-bottom:2rem}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.admin-stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center}.admin-stat-card.highlight{background:var(--accent-glow);border-color:var(--accent)}.admin-stat-card .stat-icon{font-size:2rem;margin-bottom:.5rem}.admin-stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.admin-stat-card .stat-label{font-size:.8rem;color:var(--fg-muted);margin-top:.25rem}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.admin-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.admin-section h2{font-size:1.1rem;margin-bottom:1rem}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:.75rem;text-align:left;border-bottom:1px solid var(--border);font-size:.85rem}.admin-table th{background:var(--bg-alt);font-weight:600}.top-products{display:flex;flex-direction:column;gap:.75rem}.top-product-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-alt);border-radius:var(--radius-sm)}.top-rank{font-weight:700;color:var(--accent);min-width:30px}.top-name{flex:1 1;font-size:.9rem}.top-revenue{font-weight:600;color:var(--solar-orange)}.admin-actions{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.admin-action-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:all .2s}.admin-action-card:hover{border-color:var(--accent);transform:translateY(-2px)}.admin-action-card .action-icon{font-size:2rem;margin-bottom:.5rem}.admin-action-card h3{font-size:.95rem;margin-bottom:.25rem}.admin-action-card p{font-size:.8rem;color:var(--fg-muted)}.csv-import{padding:2rem 0}.import-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.import-step{text-align:center;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius)}.import-step .step-number{width:40px;height:40px;border-radius:50%;background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;margin:0 auto 1rem}.import-form{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;text-align:center}.upload-area{margin-bottom:1.5rem}.upload-area input[type=file]{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s}.upload-label:hover{border-color:var(--accent);background:var(--accent-glow)}.upload-icon{font-size:3rem}.upload-text{color:var(--fg-muted)}.import-result{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin-top:2rem}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}.result-stat{text-align:center;padding:1.25rem;border-radius:var(--radius-sm)}.result-stat.success{background:rgba(34,197,94,.1)}.result-stat.error{background:rgba(239,68,68,.1)}.result-stat.total{background:var(--bg-alt)}.result-stat .result-value{font-size:2rem;font-weight:700}.result-stat.success .result-value{color:var(--success)}.result-stat.error .result-value{color:var(--danger)}.result-stat .result-label{font-size:.85rem;color:var(--fg-muted)}.import-errors{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);padding:1rem;margin-top:1rem}.import-errors h4{color:var(--danger);margin-bottom:.5rem}.import-errors ul{list-style:none;padding:0}.import-errors li{padding:.25rem 0;color:var(--danger);font-size:.85rem}.error-page,.not-found-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:var(--bg)}.error-content,.not-found-content{text-align:center;max-width:500px}.error-icon,.not-found-icon{font-size:4rem;display:block;margin-bottom:1rem}.error-page h1,.not-found-page h1{font-size:6rem;font-weight:800;color:var(--accent);line-height:1;margin-bottom:.5rem}.error-page h2,.not-found-page h2{font-size:1.5rem;margin-bottom:.5rem}.error-actions,.not-found-actions{display:flex;justify-content:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}.error-help,.not-found-help{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.help-links{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.help-link{color:var(--accent);text-decoration:none;font-weight:500;padding:.5rem 1rem;border:1px solid var(--accent);border-radius:var(--radius-sm);transition:all .2s}.help-link:hover{background:var(--accent);color:white}