.App{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:20px}.App-header{margin-bottom:30px;padding:40px 20px;text-align:center}.App-header h1{font-size:2.8rem;font-weight:700;letter-spacing:-.5px;margin:0 0 10px}.subtitle{color:#ffffffe6;font-size:1.1rem;font-weight:300;margin:0}.App-main{margin:0 auto;max-width:1400px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#4ade80;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#fffc;font-size:1.1rem}.error-container{background:#ef44441a;border:2px solid #ef444480;border-radius:10px;margin:20px 0;padding:30px;text-align:center}.error-message{color:#fca5a5;font-size:1.2rem;font-weight:600;margin:0 0 10px}.error-hint{color:#ffffffb3;font-size:.95rem;margin:0}.App-footer{border-top:1px solid #fff3;color:#ffffffb3;margin-top:40px;padding:40px 20px;text-align:center}.App-footer p{font-size:.95rem;margin:10px 0}.footer-note{color:#4ade80;font-weight:500;line-height:1.6}@media (max-width:1024px){.App{padding:15px}.App-header{padding:30px 15px}.App-header h1{font-size:2.2rem}.subtitle{font-size:1rem}}@media (max-width:768px){.App{padding:10px}.App-header{margin-bottom:20px;padding:20px 10px}.App-header h1{font-size:1.8rem}.subtitle{font-size:.95rem}.App-main{max-width:100%}.App-footer{margin-top:30px;padding:30px 15px}}@media (max-width:480px){.App-header h1{font-size:1.5rem}.subtitle{font-size:.9rem}.App-footer p{font-size:.85rem}}.metrics-summary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin:20px 0;padding:30px}.metrics-summary h2{color:#4ade80;font-size:1.8rem;margin-bottom:25px;margin-top:0}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.metric-group{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;padding:20px}.metric-group h3{border-bottom:2px solid #fff3;color:#fff;font-size:1.1rem;margin:0 0 15px;padding-bottom:10px}.metric-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 0}.metric-item:last-child{border-bottom:none}.metric-label{color:#fffc;font-size:.95rem;font-weight:500}.metric-value{font-size:1.3rem;font-weight:700;text-align:right}.metric-value.actual{color:#60a5fa}.metric-value.avoided{color:#4ade80}.metric-value.total{color:#fbbf24}.summary-footer{border-top:1px solid #fff3;color:#ffffffb3;font-size:.9rem;padding-top:20px;text-align:center}.summary-footer p{margin:5px 0}.baseline-note{color:#4ade80;font-weight:500}.summary-loading{color:#ffffffb3;padding:40px;text-align:center}@media (max-width:768px){.metrics-summary{padding:20px}.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:1.1rem}}.green-advantage-charts{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin:20px 0;padding:30px}.green-advantage-charts h2{color:#4ade80;font-size:1.8rem;margin-bottom:25px;margin-top:0}.charts-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-wrapper{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;padding:20px}.chart-wrapper h3{color:#fff;font-size:1.1rem;margin:0 0 20px;text-align:center}.chart-loading{color:#ffffffb3;padding:40px;text-align:center}.chart-summary{grid-gap:15px;border-top:1px solid #fff3;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding-top:20px}.summary-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;padding:15px}.summary-label{color:#ffffffb3;font-size:.85rem;margin-bottom:8px;text-align:center}.summary-value{font-size:1.4rem;font-weight:700}.summary-value.actual{color:#60a5fa}.summary-value.avoided{color:#4ade80}@media (max-width:1024px){.charts-container{grid-template-columns:1fr}}@media (max-width:768px){.green-advantage-charts{padding:20px}.chart-wrapper{padding:15px}.chart-summary{grid-template-columns:repeat(2,1fr)}}.carbon-equivalents{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin:20px 0;padding:30px}.carbon-equivalents h2{color:#4ade80;font-size:1.8rem;margin-bottom:25px;margin-top:0}.equivalents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.equivalents-card{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;padding:20px}.equivalents-card h3{border-bottom:2px solid #fff3;color:#60a5fa;font-size:1.1rem;margin:0 0 20px;padding-bottom:10px}.equivalents-card.avoided h3{color:#4ade80}.equivalents-card.total h3{color:#fbbf24}.equivalents-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:15px;padding:12px 0}.equivalents-item:last-of-type{border-bottom:none}.equivalents-icon{font-size:1.8rem;min-width:40px;text-align:center}.equivalents-content{display:flex;flex-direction:column;gap:4px}.equivalents-value{color:#fff;font-size:1.2rem;font-weight:700}.equivalents-label{color:#ffffffb3;font-size:.85rem}.equivalents-carbon{border-top:2px solid #fff3;margin-top:15px;padding-top:15px;text-align:center}.equivalents-carbon.avoided{border-top-color:#4ade804d}.equivalents-carbon.total{border-top-color:#fbbf244d}.carbon-value{color:#60a5fa;font-size:1.3rem;font-weight:700}.equivalents-card.avoided .carbon-value{color:#4ade80}.equivalents-card.total .carbon-value{color:#fbbf24}.equivalents-loading{color:#ffffffb3;padding:40px;text-align:center}@media (max-width:768px){.carbon-equivalents{padding:20px}.equivalents-grid{grid-template-columns:1fr}.equivalents-card{padding:15px}}.baseline-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.baseline-card{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;padding:20px;text-align:center}.baseline-card h3{color:#fff;font-size:1rem;margin:0 0 15px}.baseline-value{color:#4ade80;font-size:2.5rem;font-weight:700;margin:10px 0}.baseline-description{color:#fffc;font-size:.9rem;line-height:1.5;margin:10px 0 0}.baseline-description a{color:#60a5fa;font-weight:500;text-decoration:none;transition:color .3s ease}.baseline-description a:hover{color:#4ade80}@media (max-width:768px){.baseline-info{grid-template-columns:1fr}.baseline-value{font-size:2rem}}
/*# sourceMappingURL=main.0fad5d49.css.map*/