style.css

/* Custom animations */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.pulse-animation {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #1f2937;
}

::-webkit-scrollbar-thumb {
    background: #4b5563;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}
/* Sidebar adjustment for main content */
main {
  margin-left: 280px;
  transition: margin-left 0.3s ease;
}

body:has(crypto-sidebar:not(.open)) main {
  margin-left: 0;
}

/* Custom transitions */
.smooth-transition {
    transition: all 0.3s ease-in-out;
}

/* RSI indicator styles */
.rsi-low {
    @apply bg-green-500/20 text-green-400;
}

.rsi-medium {
    @apply bg-yellow-500/20 text-yellow-400;
}
.rsi-high {
    @apply bg-red-500/20 text-red-400;
}

.sparkline {
    width: 100%;
    height: 100%;
    display: block;
}