body {
    background: radial-gradient(circle at 50% 0%, #152238 0%, #0a0f16 100%);
    min-height: 100vh;
    color: #e2e8f0;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.glass-panel {
    background: rgba(18, 26, 38, 0.75);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 36px 0 rgba(0, 0, 0, 0.45);
}

.active-user-card {
    background: linear-gradient(180deg, rgba(37, 99, 235, 0.22) 0%, rgba(15, 23, 42, 0.6) 100%) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 0 20px -3px rgba(56, 189, 248, 0.35) !important;
}

.custom-scrollbar::-webkit-scrollbar {
    height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.6);
    border-radius: 9999px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.25);
    border-radius: 9999px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(56, 189, 248, 0.5);
}