/* Custom CSS - Midnight Gold Excellence */
body {
    background-color: #0f172a; /* Slate 900 */
    color: #f8fafc; /* Slate 50 */
    font-family: 'Inter', sans-serif;
}

/* Glassmorphism Panel */
.glass-panel {
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(212, 175, 55, 0.2); /* Subtle Gold Border */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
}

/* Gold Gradient Text */
.text-gold {
    background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: bold;
}

/* Shine/Glow Animation for Logo Title */
.shine-effect {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.shine-effect::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255, 215, 0, 0.4) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-20deg);
    animation: shine 3s infinite;
}

@keyframes shine {
    0% { left: -100%; }
    20% { left: 200%; }
    100% { left: 200%; }
}

/* Custom Scrollbar for Sidebar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #0f172a; 
}
::-webkit-scrollbar-thumb {
    background: #475569; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #d4af37; 
}