@keyframes flowAnimation {
        from { stroke-dashoffset: 20; }
        to { stroke-dashoffset: 0; }
      }
      .flow-active {
        animation: flowAnimation 1s linear infinite;
      }
      /* Custom Scrollbar for side ribbon */
      aside::-webkit-scrollbar {
        width: 6px;
      }
      aside::-webkit-scrollbar-track {
        background: transparent;
      }
      aside::-webkit-scrollbar-thumb {
        background-color: rgba(156, 163, 175, 0.5);
        border-radius: 20px;
      }
      /* Chart.js responsive container */
      .chart-container {
        position: relative;
        height: 100%;
        width: 100%;
      }
      /* Slider styling */
      input[type=range] {
        -webkit-appearance: none; 
        background: transparent; 
      }
      input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #4f46e5;
        cursor: pointer;
        margin-top: -6px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.3);
      }
      input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 4px;
        cursor: pointer;
        background: #e2e8f0;
        border-radius: 2px;
      }
      .dark input[type=range]::-webkit-slider-runnable-track {
        background: #334155;
      }
      input[type=range]:focus {
        outline: none;
      }
      #logo {
        height: 1.5rem;
    }