.chart-container{width:100%;height:auto;margin:0 auto;padding:20px}@media (max-width:480px){.chart-container{max-width:100%;max-height:250px}}@media (min-width:481px) and (max-width:768px){.chart-container{max-width:100%;max-height:300px}}@media (min-width:769px) and (max-width:1024px){.chart-container{max-width:100%;max-height:400px}}@media (min-width:1025px) and (max-width:1440px){.chart-container{max-width:1200px;max-height:600px}}@media (min-width:1441px){.chart-container{max-width:1400px;max-height:800px}}.chart{width:100%;height:auto}@keyframes blink{0%,to{background-color:#0f0}50%{background-color:#006400}}.blinking-element{animation:blink .5s ease-in-out 5}.card-container{perspective:1000px;width:100%;max-width:500px;margin:20px auto}.card{width:100%;height:300px;text-align:center;transition:transform .6s,box-shadow .3s;transform-style:preserve-3d;position:relative;box-shadow:0 6px 12px rgba(0,0,0,.2)}.card-container.flipped .card{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;padding:20px;box-shadow:0 6px 12px rgba(0,0,0,.2)}.card-front{background-color:#fff;color:#000}.card-back{background-color:#f8f8f8;color:#000;transform:rotateY(180deg)}.dark .card-back,.dark .card-front{background-color:#000;color:#fff;font-weight:700;box-shadow:0 10px 20px hsla(0,0%,100%,.3)}.card:hover{box-shadow:0 20px 40px rgba(0,0,0,.4)}.dark .card:hover{box-shadow:0 20px 40px hsla(0,0%,100%,.4)}