body { font-size: 16px; background-color: #020617; color: #f8fafc; }

.custom-scrollbar::-webkit-scrollbar { width: 12px; height: 12px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #0f172a; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #475569; border-radius: 6px; border: 2px solid #0f172a; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #64748b; }

select { background-color: #1e293b; color: #fff; font-size: 16px; padding: 8px 32px 8px 12px; cursor: pointer; border-radius: 6px; border: 1px solid #334155; }
select option { background-color: #1e293b; padding: 6px; }

#chartjs-tooltip { font-size: 16px !important; }

.loader {
    border: 5px solid #1e293b;
    border-top: 5px solid #3b82f6;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }