.hero-gradient {
    background: linear-gradient(to bottom, rgba(17, 24, 39, 0.85), rgba(17, 24, 39, 0.95)), 
                url('https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/697bd61687b9b5c7048b921e/b29c79989_image.png');
    background-size: cover; background-position: center;
}
.sidebar-scroll::-webkit-scrollbar { width: 4px; }
.sidebar-scroll::-webkit-scrollbar-thumb { background: #475569; border-radius: 10px; }
.tab-content { display: none; }
.tab-content.active { display: block; }
.tab.active { background-color: #475569; color: #fff; }
.glassmorphism {
    background-color: rgba(26, 26, 38, 0.6);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(71, 85, 105, 0.3);
}
html {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}
/* Mobile Enhancements */
@media (max-width: 768px) {
    .hero-gradient { height: 12rem; }
    .tab { padding: 1rem 0.75rem; font-size: 0.7rem; }
    .responsive-table-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .responsive-table-container table {
        min-width: 600px;
    }
}
/* Custom Scrollbar for sub-tabs */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Lightbox Animation */
#lightbox-modal {
    transition: opacity 0.3s ease-in-out;
}
#lightbox-image {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-marquee {
    display: inline-flex;
    animation: marquee 30s linear infinite;
    width: max-content;
}
.hover\:pause-marquee:hover {
    animation-play-state: paused;
}

td.px-6.py-2 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}