.mobilmenu {
     transition: 0.6s ease-in;
 }

 body {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     background-color: #f8fafc;
     color: #1e293b;
 }

 /* Chart Container Strict Styling */
 .chart-container {
     position: relative;
     width: 100%;
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
     height: 300px;
     max-height: 400px;
 }

 @media (min-width: 768px) {
     .chart-container {
         height: 350px;
     }
 }

 /* Custom Tabs */
 .tab-btn {
     transition: all 0.3s ease;
     border-bottom: 3px solid transparent;
 }

 .tab-btn.active {
     border-bottom-color: #2563eb;
     color: #2563eb;
     font-weight: 600;
 }

 .tab-content {
     display: none;
     animation: fadeIn 0.4s ease-in-out;
 }

 .tab-content.active {
     display: block;
 }

 /* Animations */
 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(10px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* Accordion */
 .accordion-content {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s ease-out;
 }