/* Custom Styles for Dashboard */
body { 
    background-color: #e2e8f0; 
    background-image: radial-gradient(at 0% 0%, hsla(220, 20%, 94%, 1) 0, transparent 50%), 
                      radial-gradient(at 50% 0%, hsla(220, 20%, 90%, 1) 0, transparent 50%), 
                      radial-gradient(at 100% 0%, hsla(220, 20%, 94%, 1) 0, transparent 50%);
    min-height: 100vh;
    -webkit-tap-highlight-color: transparent;
}

.glass { 
    background: rgba(255, 255, 255, 0.95); 
    backdrop-filter: blur(12px); 
    border: 1px solid rgba(255, 255, 255, 0.5); 
}

::-webkit-scrollbar { 
    width: 6px; 
    height: 6px; 
}

::-webkit-scrollbar-track { 
    background: transparent; 
}

::-webkit-scrollbar-thumb { 
    background: #94a3b8; 
    border-radius: 10px; 
}

::-webkit-scrollbar-thumb:hover { 
    background: #64748b; 
}

.modern-table th { 
    font-weight: 700; 
    letter-spacing: 0.05em; 
    text-transform: uppercase; 
    font-size: 0.7rem; 
    color: #475569; 
    padding: 16px 12px; 
    white-space: nowrap; 
}

.modern-table td { 
    padding: 16px 12px; 
    white-space: nowrap; 
}

.modern-table td:nth-child(even), 
.modern-table th:nth-child(even) { 
    background-color: rgba(241, 245, 249, 0.5); 
}

.modern-table tr:hover td { 
    background-color: rgba(219, 234, 254, 0.5); 
}

@keyframes float { 
    0% { transform: translateY(0px); } 
    50% { transform: translateY(-5px); } 
    100% { transform: translateY(0px); } 
}

.animate-float { 
    animation: float 6s ease-in-out infinite; 
}