@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";.navbar{background-color:#2c3e50;padding:.8rem;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a}.navbar-menu{display:flex;justify-content:space-around;align-items:center;list-style-type:none;margin:0;padding:0;flex-wrap:wrap}.navbar-menu li{margin:0;padding:0}.navbar-menu a{color:#ecf0f1;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:block}.navbar-menu a:hover{background-color:#34495e}.navbar-menu a.active{border-bottom:3px solid tomato;color:#fff;background-image:linear-gradient(#00000080,#00000080),;background-repeat:no-repeat;background-position:center right;background-size:cover;object-fit:contain}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{height:2px;width:25px;background-color:#ecf0f1;margin-bottom:4px;border-radius:5px;transition:all .3s ease}@media (max-width: 768px){.navbar{padding:1rem}.hamburger{display:flex}.navbar-menu{display:none;flex-direction:column;width:100%;position:absolute;top:60px;left:0;background-color:#2c3e50;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.navbar-menu.open{display:flex}.navbar-menu li{width:100%}.navbar-menu a{padding:1rem;border-radius:0;border-bottom:1px solid #34495e}.navbar-menu li:last-child a{border-bottom:none}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}@media (max-width: 480px){.navbar-menu a{font-size:.8rem}}.dashboard-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;background-color:#f0f2f5}.chart-card{background-color:#2f0000;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.chart-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.chart-title{font-size:16px;font-weight:600;color:#333;padding:16px 20px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-container{padding:20px;flex-grow:1;min-height:300px}.chart{width:100%;height:100%}@media (max-width: 1200px){.dashboard-container{grid-template-columns:1fr}}@media (max-width: 600px){.chart-container{min-height:250px}}.chart-card{animation:fadeIn .5s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}body{font-family:Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:#f0f2f5}.chart-card{background:linear-gradient(135deg,#fff,#f8f9fa)}.chart-title{text-transform:uppercase;letter-spacing:.5px}.chart-card{border:1px solid #e0e0e0}.active2{box-shadow:0 8px 15px #ae26f180,0 15px 25px #faf68780;border-radius:10px}*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit;scroll-behavior:smooth}body{min-height:100vh}a{color:inherit;text-decoration:none}.app{width:80%;margin:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}