.app{min-height:100vh}h1{text-align:center;color:#333;margin-bottom:30px;font-size:2.5rem}.container{display:grid;grid-template-columns:400px 1fr;gap:30px;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.controls{border-right:2px solid #e0e0e0;padding-right:30px}.controls h2{font-size:1.5rem;margin-bottom:20px;color:#333}.control-group{margin-bottom:25px}.control-group label{display:block;font-weight:500;margin-bottom:8px;color:#555;font-size:.95rem}.control-group input[type=range]{width:100%;margin-top:8px}.control-group input[type=checkbox]{margin-right:8px;width:auto}.control-group small{display:block;color:#888;font-size:.85rem;margin-top:4px}.button-group{display:flex;flex-direction:column;gap:10px;margin-top:30px}.btn-primary,.btn-secondary{padding:12px 20px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;font-weight:500;transition:all .2s}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover{background-color:#45a049}.btn-secondary{background-color:#f44336;color:#fff}.btn-secondary:hover{background-color:#da190b}.results{display:flex;flex-direction:column;gap:30px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.card{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;border-radius:8px;color:#fff;box-shadow:0 4px 6px #0000001a}.card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.card:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.card h3{font-size:.9rem;font-weight:500;margin-bottom:10px;opacity:.9}.card .metric{font-size:2rem;font-weight:700;margin-bottom:5px}.card small{font-size:.85rem;opacity:.8}.chart-container{background:#fafafa;padding:20px;border-radius:8px;border:1px solid #e0e0e0}.chart-container h3{margin-bottom:20px;color:#333;font-size:1.2rem}.notes{background:#fff3cd;padding:20px;border-radius:8px;border-left:4px solid #ffc107}.notes h3{color:#856404;margin-bottom:15px;font-size:1.1rem}.notes ul{list-style-position:inside;color:#856404;line-height:1.8}.notes li{margin-bottom:8px}@media (max-width: 1200px){.container{grid-template-columns:1fr}.controls{border-right:none;border-bottom:2px solid #e0e0e0;padding-right:0;padding-bottom:30px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;padding:20px}#root{max-width:1400px;margin:0 auto}