*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:#f4f4f9;color:#333;line-height:1.6;font-size:16px;max-width:100vw}.container,.chart-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:auto}.container{max-width:70vw}.chart-container{margin:20px}.chart-container h1{font-size:36px;font-weight:700}.loader{width:80px;height:80px;border:8px solid #ff4500;border-bottom-color:transparent;border-radius:50%;margin:0 auto;animation:rotation 1.2s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header{text-align:center;padding:20px 0;border-bottom:2px solid #ff7f50;box-shadow:0 2px 10px #0000000d;margin-bottom:40px;background-color:#fff}header h1,h1{color:#ff4500;text-align:center}header h1{font-size:36px;font-weight:700}header p{color:#555;font-size:18px;padding:0 15px}h1{font-size:24px}main{display:flex;flex-direction:column;align-items:center}footer{text-align:center;font-size:14px;color:#888;padding:20px;margin-top:50px;border-top:2px solid #ff7f50;background-color:#fff}a{color:#ff4500;text-decoration:none}footer a:hover{text-decoration:underline}.card{text-align:center;padding:10px;margin:10px;border-radius:10px;background:#fff;box-shadow:0 4px 8px #0000001a;width:300px;height:150px;display:flex;flex-direction:column;justify-content:center}.card h3{font-size:16px;margin-bottom:10px;color:#333}.card h1{font-size:36px;font-weight:700;margin:0}.card.alert{border:4px solid #ff4500!important;color:#ff4500}.chart-component p,.card p{color:#333}.chart-component{background-color:#fff;padding:20px;margin:20px 0 auto;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:1200px;display:"flex";justify-content:"center";align-items:"center";text-align:center}.about-container{background-color:#fff;padding:20px;margin:0 auto;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:1200px;text-align:justify}.about-container h1{font-size:32px}.about-container p{margin:8px}.head{display:flex;justify-content:space-between;border-bottom:2px solid #ff7f50;padding-bottom:10px;margin-bottom:20px}.head h1{font-size:18px;color:coral;flex:1;text-align:center}.Loading{text-align:center;font-size:18px;color:#555}@media (max-width: 916px){.card{width:90%;height:auto}.container,.chart-container,.about-container{max-width:90vw;text-align:left}}