/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9; 
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}

/* Rocket Launch Credits Animation */
.rocket-credits-footer {
  text-align: center;
  padding: 1rem;
  border-top: 1px solid #f1f5f9;
}
.rocket-credits-footer p {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0;
}
.rocket-credits-footer a {
  font-weight: bold;
  color: #334155;
  text-decoration: none;
}
.rocket-heartbeat {
  display: inline-block;
  animation: heartbeat 1.5s ease-in-out infinite;
  color: #ef4444;
}

@keyframes heartbeat {
  0% { transform: scale(1); }
  14% { transform: scale(1.3); }
  28% { transform: scale(1); }
  42% { transform: scale(1.3); }
  70% { transform: scale(1); }
}


/* ========================================================
   Zero-G Premium CMS Theme - Sidebar & Topbar
   ======================================================== */

/* Topbar Glassmorphism */
header.h-24 {
    background: rgba(255, 255, 255, 0.65) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease !important;
}

/* Sidebar Glassmorphism */
aside#sidebar {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(20px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(200%) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.5) !important;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.02) !important;
}

aside#sidebar .border-b, aside#sidebar .border-t {
    border-color: rgba(0, 0, 0, 0.05) !important;
}

aside#sidebar .bg-white {
    background: transparent !important;
}

/* Enhanced Sidebar Links Hover & Active States */
aside#sidebar a, aside#sidebar button.group {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative;
    overflow: hidden;
    border-radius: 12px !important;
}

/* Micro-interaction: scale on hover */
aside#sidebar a:hover, aside#sidebar button.group:hover {
    background: rgba(38, 99, 235, 0.08) !important;
    color: #1e3a8a !important;
    transform: translateX(6px) !important;
}

/* Icon colors transition */
aside#sidebar a i, aside#sidebar button.group i {
    transition: transform 0.25s ease, color 0.25s ease !important;
}
aside#sidebar a:hover i, aside#sidebar button.group:hover i {
    color: #2563eb !important;
    transform: scale(1.1) !important;
}

/* Floating shadow on the logout button */
aside#sidebar button[onclick="logout()"] {
    background: rgba(239, 68, 68, 0.08) !important;
    border: 1px solid rgba(239, 68, 68, 0.1) !important;
    transition: all 0.3s ease !important;
    border-radius: 12px !important;
}
aside#sidebar button[onclick="logout()"]:hover {
    background: rgba(239, 68, 68, 0.15) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2) !important;
}

/* Profile Dropdown Premium Look */
#profileMenu {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(24px) saturate(200%) !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
    border-radius: 16px !important;
}

/* Main Dashboard Cards Premium Touch */
.bg-white.rounded-2xl.shadow-sm.border {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(12px) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.02) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.bg-white.rounded-2xl.shadow-sm.border:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}