:root { --primary-blue: #004a99; --bg-light: #f4f7fa; }
body { background-color: var(--bg-light); font-family: 'Inter', sans-serif; overflow-x: hidden; }

/* Login Background */
#adminLoginOverlay { 
    position: fixed; 
    inset: 0; 
    background: linear-gradient(rgba(56, 78, 102, 0.8), rgba(0, 74, 153, 0.8)), url('newera.jpg'); 
    background-size: cover;
    background-position: center;
    z-index: 9999; /* Dito nanggaling ang isyu */
    display: flex; 
    align-items: center; 
    justify-content: center; 
}

.login-card { 
    background: white; 
    padding: 50px; 
    border-radius: 30px; 
    width: 100%; 
    max-width: 420px; 
    text-align: center; 
    border: 1px solid rgba(255,255,255,0.3);
}

.sidebar { background: white; min-height: 100vh; width: 280px; position: fixed; border-right: 1px solid #e2e8f0; z-index: 1000; }
.main-content { margin-left: 280px; padding: 40px; }

.nav-link { color: #64748b; font-weight: 500; padding: 12px 20px; border-radius: 10px; margin: 4px 16px; cursor: pointer; transition: 0.2s; }
.nav-link.active { background: #e0e7ff; color: var(--primary-blue); }

.stat-card { background: white; border: none; border-radius: 16px; padding: 24px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }
.record-bubble { background: white; border-radius: 15px; padding: 20px; text-align: center; border: 1px solid #eee; transition: 0.3s; }

.status-pill { padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; }
.status-active { background: #dcfce7; color: #166534; }
.status-blocked { background: #fee2e2; color: #991b1b; }

.filter-container { background: white; padding: 20px; border-radius: 12px; margin-bottom: 25px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.filter-group { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; }

/* SWEETALERT FIX: Sinisiguro na mas mataas ito kaysa sa 9999 ng adminLoginOverlay */
.swal2-container {
    z-index: 99999 !important;
}