/* Trade Time - Main Styles */
/* Version: v3.0.0 */

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

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

/* Scrollbar Styles */
.scrollbar-thin::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.scrollbar-thin::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Dark Mode Styles */
.dark {
    background-color: #0f172a;
    color: #e2e8f0;
}

.dark .bg-white {
    background-color: #1e293b !important;
}

.dark .bg-slate-50 {
    background-color: #0f172a !important;
}

.dark .bg-slate-100 {
    background-color: #1e293b !important;
}

.dark .text-slate-900 {
    color: #e2e8f0 !important;
}

.dark .text-slate-800 {
    color: #cbd5e1 !important;
}

.dark .text-slate-700 {
    color: #94a3b8 !important;
}

.dark .text-slate-600 {
    color: #64748b !important;
}

.dark .text-slate-500 {
    color: #475569 !important;
}

.dark .border-slate-200 {
    border-color: #334155 !important;
}

.dark .border-slate-300 {
    border-color: #475569 !important;
}