/* Custom Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }

/* Animations */
.fade-in { animation: fadeIn 0.3s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: scale(0.98); } to { opacity: 1; transform: scale(1); } }

/* Security Masking */
.mask-text { -webkit-text-security: disc; }

/* Form Elements Visibility */
input, textarea, select { font-weight: 500; outline: none; transition: all 0.2s; }

/* Sidebar Active/Inactive States */
.nav-item {
    display: flex;
    align-items: center;
    padding: 12px;
    width: 100%;
    border-radius: 0.75rem; /* rounded-xl */
    transition: all 0.2s;
    border-left: 4px solid transparent;
    cursor: pointer;
}

#toast-container {
    z-index: 9999 !important; /* This ensures it sits above the modal */
    position: fixed;
    top: 20px;
    right: 20px;
}

.nav-active { 
    background-color: #eff6ff; 
    color: #2563eb; 
    border-left: 4px solid #2563eb; 
    font-weight: 700;
}

.nav-inactive { 
    background-color: transparent; 
    color: #64748b; 
    border-left: 4px solid transparent; 
}
.nav-inactive:hover { background-color: #f8fafc; }

/* Authentication Specifics */
.auth-input { 
    color: #ffffff !important; 
    background-color: rgba(30, 41, 59, 0.5) !important; 
    border: 1px solid #475569 !important; 
}
.auth-input::placeholder { color: #94a3b8 !important; }
.auth-input:focus { border-color: #3b82f6 !important; background-color: rgba(30, 41, 59, 0.8) !important; }