*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#f9fafb;margin:0;padding:2rem;color:#222}.container{max-width:700px;margin:0 auto;padding:1rem 1.5rem;background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a}h1{font-size:2rem;margin-bottom:1rem;text-align:center}h2{font-size:1.25rem;margin-top:2rem;margin-bottom:1rem;text-align:center}input[type=number]{width:100%;max-width:300px;padding:.5rem .75rem;font-size:1rem;border:1px solid #ddd;border-radius:4px;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto}button{cursor:pointer;background-color:#007acc;border:none;color:#fff;padding:.6rem 1.2rem;font-size:1rem;border-radius:4px;transition:background-color .3s ease;margin:0 auto 1.5rem;display:block;max-width:300px;width:100%}button:hover{background-color:#005fa3}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;justify-content:center}.tabs button{flex:1 1 100px;text-align:center;background-color:#eee;color:#444;border:1px solid #ccc;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s ease}.tabs button.active,.tabs button:hover{background-color:#007acc;color:#fff;border-color:#007acc}.table-wrapper{overflow-x:auto;max-width:100%;margin-bottom:20px}table{width:100%;border-collapse:collapse;margin:0 auto;font-size:.9rem;table-layout:fixed;border-radius:4px}th,td{padding:.75rem 1rem;border-bottom:1px solid #ddd;text-align:left;white-space:normal;overflow-wrap:anywhere}th{background-color:#f0f0f0;font-weight:600}@media (max-width: 480px){body{padding:1rem}h1{font-size:1.5rem}h2{font-size:1.125rem}input[type=number],button{max-width:100%}.tabs{flex-direction:column}.tabs button{flex:none;width:100%}}.chart-container{max-width:350px;margin:0 auto 2rem}